Tweet
Nabend,
ich denke das passt nicht mehr zu meinem alten Thema Shoutbox!
Langsam werde meine CSS fragen peinlich.
Ich wollte den "header" einteilen in:
-Banner
-Loginbereich
Meine Ubungsseite
Extra in grellen Farben =)
Das Problem:
Der Blue und der red Block sollen neben einander.
Ich habe alles Versucht: mit Rand Abständen mit float... mit id oder div.class versucht....ich bin ratlos!
Also meine Frage, Wie bekomme ich 2 <div> Container neben einander?
Mein Code:
Gruß Chris
ich denke das passt nicht mehr zu meinem alten Thema Shoutbox!
Langsam werde meine CSS fragen peinlich.
Ich wollte den "header" einteilen in:
-Banner
-Loginbereich
Meine Ubungsseite
Extra in grellen Farben =)
Das Problem:
Der Blue und der red Block sollen neben einander.
Ich habe alles Versucht: mit Rand Abständen mit float... mit id oder div.class versucht....ich bin ratlos!
Also meine Frage, Wie bekomme ich 2 <div> Container neben einander?
Mein Code:
PHP-Code:
#header {
max-width: 1000px;
max-height: 180px;
background-color: yellow;
margin-bottom:2px;
}
div.banner {
height: 180px;
background-color: blue;
width:800px
}
div.loginbereich {
height: 180px;
background-color: red;
width:200px;
}
PHP-Code:
<div id="gesamt">
<div id="header">
<div class="banner">
Banner
</div>
<div class="loginbereich">
Login
</div>
</div>
<div class="c1" id="navigation">
<a class="navigationmenu"
...
</div>
<div id="zeile1">
<div id="shoutbox">
<?php
echo '<div id="shoutboxgesamt">'."\n";
...
</div>\n"; ?>
</div>
<div id="teamspeakview">
Da muss ein netter Text erst noch stehen!
</div>
</div>
<div id="mitte"> <!-- Hier beginnt der Mittelbereich z.B. die News -->
<div id="mitteoben">
<div id="wars">
...
</div>
</div>
<div id="inhalt">
...
</div>
</div>
<div id="zeile3">
Hier wird irgentwann mal vielleicht Werbung stehen!
</div>
<div id="zeile4">
Hier ist aber auch eine sehr nette Stelle was hin zu schreiben!
</div>
<br class="c2">
</div>
</body>
</html>
Moderatorin
lässt mich da ein wenig im stich!
Kommentar