• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

3 divs nebeneinander?

devilseye

Neues Mitglied
Hallo.
Bin ein bisschen was am ausprobieren, ich will links und rechts vom header je ein Bild in einem eigenem Div. Jetzt hab ich 2 Fragen.

1. Macht das Sinn?
und
2. Wie bekomm ich das hin? Den bis jetzt rutscht mir der dritte Container immer nach unten.

Code:
@charset "utf-8";
/* CSS Document */
* {
    margin:0px;
    padding:0px;
    font:Arial, Helvetica, sans-serif;
    background-color: #FF9;
}
#header, #headerpaede, #headermartina {
    overflow:hidden;
}
#header {
    width:800px;
    height:200px;
    text-align:center;
}
#headerpaede {
    height:200px;
    width:300px;
    float:left;
}
#headermartina {
    height:200px;
    width:300px;
    float:right;
}
html:
HTML:
<body>
    <div id="headerpaede" align="left">
        <img src="patrick.gif" />
    </div>
<div id="header" align="center">
        <img src="header.png" width="800px" height="200px" border="0" align="top" />
    </div>
    <div id="headermartina" align="right">
        <img src="martina.gif" />
    </div>
    <!--Ende Header-->
</body>
Danke schon im voraus.

MFG devilseye
 
Warum so kompliziert? Deine divs gruppieren doch garnichts, also kannst du sie auch weglassen.
HTML:
<div>
  <img src="patrick.gif" />
  <img src="header.png" width="800px" height="200px" border="0" align="top" />
  <img src="martina.gif" />
</div>
Oder als Liste, kommt drauf an, was die Bilder aussagen sollen.
HTML:
<ul>
  <li><img src="patrick.gif" /></li>
  <li><img src="header.png" width="800px" height="200px" border="0" align="top" /></li>
  <li><img src="martina.gif" /></li>
</ul>
 
Zurück
Oben