27.05.2006, 20:58
|
||||
|
||||
Problem mit 3 Spaltigem Layout
Nabend zusammen,
nach nun doch längerem Selbstversuch das Problem zu lösen, komme ich doch mal auf euch zurück. Ich möchte ein 3-Spaltiges CSS Layout erstellen, was ansich ja nicht sonderlich schwer ist, da es genügend beispiele im Netz gibt. Nun zu meinem Problem, das Design stimmt insoweit schon mal wie ich mir das vorstelle, nur das ich ein Problem mit den Mozilla Browsern habe ( Firefox / Opera ). Als erstes mal den Code der HTML: Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Unbenanntes Dokument</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="container"> <div id="navheader">KontaktImpressum</div> <div id="header">Header</div> <div id="left"> <ul class="ul_navi"> <li class="navi">»Home <li class="navi">»Entwicklung <li class="navi">»Hintergrund <li class="navi">»Features <ul class="ul_subnavi"> [*]Screen [*]können [/list] <li class="navi">»Dokumentation <li class="navi">»Downloads <li class="navi">»Forum <li class="navi">»Demo <li class="navi">»AGB <li class="navi">»Datenschutz [/list] </div> <div id="content">Content</div> <br style="clear:both" /> <div id="footer">Footer</div> </div> </body> </html> Code:
/* CSS Document */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-decoration: none;
background-color: #FFFFFF;
}
#container {
width:800px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background-color: #F5F5F5;
padding: 10px;
}
#navheader {
text-align: right;
height: 20px;
}
#header {
background-color: #CCCCCC;
height: 50px;
}
#left {
width: 180px;
float: left;
}
#content {
width: auto;
}
#footer {
text-align: center;
background-color: #00DCFF;
padding: 3px;
font-weight: bold;
}
.navi {
display: block;
clear: right;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #000000;
}
.ul_navi {
margin-left: 0em;
padding-left: 0em;
list-style-position: inside;
list-style-type: none;
width: 180px;
}
.ul_subnavi {
list-style-position: inside;
list-style-type: square;
padding-bottom: 10px;
}
.menulink {
text-decoration: none;
color: #000000;
}
a.menulink:hover {
color:#FF0000;
}
Ich bekomme es nicht hin, das die Navigation ( der Home Link ) in einer Flucht zu dem Content steht. Und wie schon gesagt, das Problem hab ich nur in den Mozilla Browsern, im IE wird es so angezeigt wie ich mir das vorstelle. Sollten noch fragen bestehen, oder hab ich es schlecht erklärt, einfach fragen  bin nicht böse Ich danke schon mal im vorraus für jede Hilfe, denn sicher ist es wieder nur eine kleinigkeit. Grüße Stipo 
|
| Sponsored Links |
 |
| Themen-Optionen | |
| Ansicht | |
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| problem mit layout --> testcase | andip | CSS | 5 | 29.02.2008 14:10 |
| css layout problem | fz21z | CSS | 0 | 30.01.2008 22:41 |
| Problem mit dreispaltigem Layout im IE | Breezah | CSS | 7 | 13.08.2006 21:27 |
| Problem mit 3-Zeiligem Layout | guenterfrosch | CSS | 6 | 10.08.2006 12:41 |
| Layout Problem | smooth-graphics | CSS | 3 | 08.08.2006 17:59 |
Linear-Darstellung
