|
|||
Schrift überlappt div (firefox)
Hallo,
ich gestalte gerade eine Chorhomepage. Dies ist meine erste größere Seite, die nicht aus einem tabellenlayout besteht. Mein Problem ist, dass ich einen content habe, den ich mit php include. Unter der dafür vorgesehenen div befindet sich eine div für eine subnavigation. Im firefox überragt jedoch der content die navigation. Er sollte sie aber eigentlich nach unten schieben. Ich habe keine erklärung dafür, was da falsch läuft. Danke im vorraus für jede hilfe... bsp link: Kammerchor Braunschweig EDIT!!!!!! hat sich erledigt.. ich habe der content box eine höhe gegeben, an die sich die subnavi anscheinend orientiert hat. Klappt jetzt alles. Ich wäre vielleicht trotzdem über hinweise dankbar, wie man die homepage vielleicht eleganter realisieren könnte. Der Code ist auf jeden fall glaub ich noch nicht erste Sahne HTML: Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd"> <html> <head> <title>Kammerchor Braunschweig</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="left"></div> <div class="main"> <img style="margin-bottom:20px"src="pics/head.jpg" width="737" height="286" alt="header" /> <div id="nav"> <div class="menu"><a href="index.php?section=start">Startseite</a></div> <div class="menu"><a href="index.php?section=ueberuns">Über uns</a></div> <div class="menu"><a href="index.php?section=start">Termine</a></div> <div class="menu"><a href="index.php?section=start">Presseberichte</a></div> <div class="menu"><a href="index.php?section=start">Gästebuch</a></div> <div class="menu"><a href="index.php?section=links">Links</a></div> <div class="menu"><a href="index.php?section=start">Kontakt</a></div> <div class="menu"><a href="index.php?section=impressum">Impressum</a></div> </div> <div class="content"> <?php // content include ?> </div> <div class="clear"></div> <div id="subnav"> <a href="index.php?section=start">Startseite</a> <a href="index.php?section=ueberuns">Über uns</a> <a href="index.php?section=start">Termine</a> <a href="index.php?section=start">Presseberichte</a> <a href="index.php?section=start">Gästebuch</a> <a href="index.php?section=links">Links</a> <a href="index.php?section=start">Kontakt</a> <a href="index.php?section=impressum">Impressum</a> </div> </div> <div class="right"></div> </body> </html> CSS: Code:
/* CSS Document */ body { background-color:#FFFFFF; font-family: Tahoma,sans-serif; font-size: 12px; color:#474747; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; height:100%; padding:0px; background-image:url(pics/bg.jpg); background-repeat:repeat-x; } html { height:100%; } a:link { color:#1B1B1B; text-decoration:underline; } a:visited { text-decoration:underline; } a:hover { text-decoration:none; color:#A10000; } a:active { text-decoration:underline; } h1 { font-family: Tahoma,sans-serif; font-weight:bold; font-size:14px; color:#A10000;; } .left { float: left; width: 129px; height: 718px; background-image:url(pics/left.jpg) } .main { float: left; width: 737px; background-color:#FFFFFF; height:718px; } .right { background-image:url(pics/right.jpg); float: left; width: 133px; height: 718px; } .clear { clear:left; } #nav { float:left; width:163px; margin-left:13px; } #nav a { margin-left:20px; font-weight:bold; text-decoration:none; color:#575757; line-height: 25px; font-size:13px; } #nav a:link { font-weight:bold; text-decoration:none; } #nav a:visited { font-weight:bold; text-decoration:none; } #nav a:hover{ font-weight:bold; text-decoration:none; color:#A10000; } #nav a:active { font-weight:bold; text-decoration:none; } .menu { width:100%; height:25px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DFDFDF; } .content { float:left; margin-left:25px; height:300px; width:492px; } .info { line-height:25px; width:100%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DFDFDF; } #subnav{ text-align:center; width:737px; height:71px; line-height:60px; background-image:url(pics/bottom.jpg); } #subnav a { text-decoration:none; color:#575757; font-size:10px; } #subnav a:link { text-decoration:none; } #subnav a:visited { text-decoration:none; } #subnav a:hover{ text-decoration:none; color:#A10000; } #subnav a:active { text-decoration:none; Geändert von fabianbs (07.09.2007 um 17:41 Uhr) |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Brauche Hilfe: Schwarzes Nichts | Zwox | CSS | 10 | 19.11.2010 17:53 |
Header entfernen | tripple | CSS | 17 | 15.06.2010 16:41 |
Div Positionen in Firefox falsch | ozero | CSS | 4 | 17.07.2009 23:35 |
div in div firefox | Holger (HMR) | (X)HTML | 2 | 01.01.2005 14:44 |
div in div firefox | Holger (HMR) | CSS | 3 | 29.12.2004 22:16 |