nicht angemeldet
Divs postitionieren
Hi!
Habe ein kleines Problem als CSS Anfänger!
Ich habe 2 Div in einem Div:
<div id="site">
<div id="main">
<div id="header">
<img src="bilder/01.gif" width="600" height="120"> </div>
</div>
<div id="side">
asdf
</div>
</div>
Jetzt möchte ich den Div "side" neben den Div "header" positionieren und nicht darunter wie es z.Z. passiert.
Hier noch mein CSS:
html,body {
margin-left:87px; padding:0px; width:100%; background-color:#1C31D1; height:100%;
font-weight:normal; font-size:11px; line-height:120%; font-family:Verdana,Helvetica,sans-serif;
}
div#site {
width:850px; float:left;
}
div#header {
width:600px;
}
div#main {
width:600px;
}
div#side {
width:250; margin-right:1px; margin:0px;
}
-
hi,
Jetzt möchte ich den Div "side" neben den Div "header" positionieren und nicht darunter wie es z.Z. passiert.
Dann kannst du bspw. float benutzen.
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
Danke!
Dann kannst du bspw. float benutzen.
Aber kannst du es noch ein Wenig präzisieren? Bei welchem Div muss ich das anwenden?
Danke!
Fabian-
Hallo Fabian
Aber kannst du es noch ein Wenig präzisieren? Bei welchem Div muss ich das anwenden?
Schau doch einfach mal unter float nach in SelfHTML nach ...
Servus
--
flowh
flo was here .-
Hi!
Schau doch einfach mal unter float nach in SelfHTML nach ...
Hab ich fleißig gemacht, aber der IE macht zicken und will den Div nicht benachbart darstellen:
CSS:
html,body {
text-align:center;
margin:0px;
padding:0px;
width:100%;
background-color:#1C31D1;
height:100%;
font-weight:normal;
font-size:11px;
line-height:120%;
font-family:Verdana,Helvetica,sans-serif;
position:absolute;
}div#gesamt {
width:850px;
margin: 0 auto;
}div#kopf {
width:600px;
float:left;
}div#haupt {
width:600px;
float:left;
border:#8D898A;
background-color:#77898D;
border: 1px solid #C6C6C6;
}div#navigation {
width:600px;
float:left;
height:30px;
background-color:#FFFF33;
}div#inhalt {
text-align:left;
width:600px;
float:left;
}div#seite {
text-align:left;
width:250px;
height:100%;
margin:0px;
float:left;
background-color:#6371DF;
border-color:#C6C6C6;
border-style:solid;
border-bottom-width:1px;
border-top-width:1px;
border-right-width:1px;
border-left-width:0px;
}HTML:
<BODY>
<DIV id=gesamt>
<DIV id=haupt>
<DIV id=kopf><IMG height=120 src="MDS-Dateien/01.gif" width=600> </DIV>
<DIV id=navigation>Navigation</DIV>
<DIV id=inhalt>
Bla
</DIV>
</DIV>
</DIV>
<DIV id=seite>
BLa</DIV>
<DIV></DIV></BODY>Thx!!!!
-
-
-