nicht angemeldet
Hallo zusammen,
ich bin neu hier und auch CSS- Neuling. Bisher komme ich ganz gut zurecht, aber leider will mein <div>-Container nicht so wie ich, er positiniert sich immer nach einem ungewollten Zeilenumbruch.
Es soll so sein: Navigation 25% d. Seite | Content 50% d. Seite | Funfacts 25% d. Seite Dies versuchte ich über margin & float teilweise zu erreichen, alle Container haben auch die passende Breite, aber der rechte Bereich ist halt eine Zeile tiefer, wo er nicht hin soll.
Hier mal mein Code: HTML Seite
<html>
<head><title>Title</title>
<link href="design.css" type="text/css" rel="stylesheet">
</head>
<body>
<div id="navigation">
Text
</div>
<div id="content">
Text2
</div>
<div id="funfacts">
Text3
</div>
</body>
<footer>
</footer>
</html>
und hier meine design.css Datei
#navigation{
background-color: #FF0000;
width: 25%;
float: left;
}
#content{
background-color: #FFFF00;
margin-left: 25%;
margin-right: 25%;
}
#funfacts{
background-color: #0000FF;
width: 25%;
float: right;
}
Vielen Dank schon mal für jeden hilfreichen Tipp, Blackpanther23
Matthias Apsel
Tabellenkalk
Gunnar Bittersmann