Css positioneren

[xxchucki]

Ich baue gerade eine Website auf, doch ich habe immer das Problem mit dem Postionieren.

body {
background-color: #111111;
}
#login {
position:absolute;
left:0px;
top:-50px;
width:800px;
height:150px;
z-index:1;
}
#login2 {
position:bottom;
left:0px;
top:-50px;
width:800px;
height:150px;
z-index:1;
}
#player {
position:absolute;
left:400px;
top:300px;
width:450px;
height:450px;
z-index:3;
}
#creature {
position:absolute;
left:400px;
top:400px;
width:450px;
height:650px;
z-index:3;
}
#logout {
position:absolute;
left:10px;
top:10px;
width:150px;
height:150px;
z-index:3;
}
#locations {
position:absolute;
left:400px;
top:300px;
width:450px;
height:450px;
z-index:3;
}
#gold {
position:absolute;
left:200px;
top:4px;
width:150px;
height:100px;
z-index:3;
}
#lpanel {
position:absolute;
left:10px;
top:100px;
width:100px;
height:200px;
z-index:3;
}
#hpointsback {
position:absolute;
left:10px;
top:204px;
width:100px;
height:15px;
z-index:1;
}
#hpoints {
position:absolute;
left:10px;
top:204px;
width:100px;
height:15px;
z-index:2;
text-align:left;
}
#spointsback {
position:absolute;
left:10px;
top:225px;
width:100px;
height:15px;
z-index:1;
}
#spoints {
position:absolute;
left:10px;
top:225px;
width:100px;
height:15px;
z-index:2;
text-align:left;
}
#table {
position:absolute;
left:200px;
top:105px;
width:500px;
height:900px;
z-index:2;
}
#magic {
position:absolute;
left:400px;
top:100px;
width:450px;
height:450px;
z-index:3;
}
#footer {
clear:both;
background: url(images/footer.png) no-repeat;
width:957px;
height: 248px;
}
#login {
float:right;
width: 429px;
}

Dies ist der Code... Doch wenn ich ihn ausprobiere ist immer alles an der falschen position. Ich möchte das sich alles nach unten verschiebt außer der Header. Ist das möglich? Und wenn ja wie?

 

[Poki29]

AW: Css positioneren

Erstmal: Nur der CSS-code hiflt nicht, also bitte Htmlquellcode bitte gleich dazu, denn da kann auch ein Fehler sein.

Und noch ein Tipp:
Macht dich mal mit den Befehlen padding, margin und float vertraut ;-)

 

[tomtom]

AW: Css positioneren

Erstmal: Nur der CSS-code hiflt nicht, also bitte Html-quellcode bitte gleich dazu, denn da kann auch ein Fehler sein.

Und noch ein Tipp:
Macht dich mal mit den Befehlen padding, margin und float vertraut

da gerade die begriffe, padding, margin und float gefallen sind, hab ich da mal einen link für dich zum durchforsten.
Das CSS-Boxmodell - Eigenschaften und Werte - Einführung in XHTML, CSS und Webdesign - Michael Jendryschik

 

[Pixus]

AW: Css positioneren

Auch wenn man da jetzt, ohne Quelltext, noch nichts endgültiges sagen kann, ist mir spontan das "top:-50px;" bei einigen Elementen ins Auge gesprungen. Ist das so gewollt?

 

[xxchucki]

AW: Css positioneren

@Poko29 ok ich setze ihn gleich rein (er is php)
@tomtom danke
@Pixus das -50 ist nicht gewollt. Ich habe versucht die Bilder niedriger zu machen...


Der Code :

<?php
include_once 'connect.php';
session_start();

include_once 'logo.php';
?>
 <link href="style.css" rel="stylesheet" type="text/css" />


<div align = "center"><?php
if (isset($_SESSION['player']))
{
  $player=$_SESSION['player'];
}
else
{
  echo "NICHT EINGELOGGT <br><br> <A href='login.php'>Login</a>";
  exit;
}
?>
</div>




<?php
$playerinfo="SELECT * from players where name='$player'";
$playerinfo2=mysql_query($playerinfo) or die("could not get player stats!");
$playerinfo3=mysql_fetch_array($playerinfo2);
include_once 'statpanel.php';
 ?>
 
 <div align="center"><div id ="locations">
 <?php
$playerhp = $playerinfo3['hpoints'];
if ($playerhp < 1)
{
  echo "You are dead!" ;
  echo "<br><a href='useitem.php>Use an Item";
  exit;
}
////////////new for video 18
echo "<b><big><u>" . $playerinfo3['location'] . "</u></big></b><br>";
//////////////////////////
echo "<a href='store.php'>Visit Store</a><br>";
echo "<a href='weaponshop.php'>Visit Weapon Shop</a><br>";
echo "<a href='armorshop.php'>Visit Armor Shop</a><br>";
echo "<a href='inn.php'>Visit Inn</a><br>";
echo "<a href='spelltrainer.php'>Visit Spell Trainer</a><br>";
echo "<a href='battle.php'>Battle in Arena</a><br>";
//////////////////
echo "<a href='map.php'>Go to Map</a><br>";
///////////////////////


 ?>
 </div>
 </div>
<div id="logout">
<?php
echo "<br><a href='logout.php'><img src='images/logout.gif'></a>";
?>
</div>

 

[Fugel]

AW: Css positioneren

sehe ich das falsch oder kann es sein das du die in der css datei geschriebenen formatierungen garnicht auf rufts? oder fehlt das was an html code den du hier nur nich gepostet hast?

 

[xxchucki]

AW: Css positioneren

Nein es sind mehrere dateien. Ist ein ganzes Browsergame das ich gerade mache^^... Ich glaube ich hbae den Fehler. In der CSS Datei definiere ich nur die Position. Und dann in der PHP datei benutze ich das :

<div id="">TEXT BILD ETC.</div>

Ich versuche mal in der CSS Datei dies zu ändern....


edit\\: Ok hat funktionert in der CSS Datei^^

 

[sokie]

AW: Css positioneren

xxchucki,
der abschnitt php code spiegelt ja nicht die seite wieder. Den entsprechende html code bekommst du,wenn du deine Seite im browser aufrufst, und dann den kompletten quelltext anzeigen lässt. (besser wäre ein direkter link zu der Seite)

was an den codeabschnitt schon zu sehen ist, ist, dass dir das Konzept css-basierten Seitenaufbaus scheinbar grundlegend nicht vertraut ist. Wenn du möchtest, dass sich die Elemente abhängig von den Inhalten

sich alles nach unten verschiebt außer der Header

musst du von der absoluten Positionierung Abbstand nehmen.
vielleicht ist das ein guter Einstieg.