zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Schrift überlappt div (firefox)

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 07.09.2007, 17:35
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.09.2007
Beiträge: 1
fabianbs befindet sich auf einem aufstrebenden Ast
Standard 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)
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 06:59 Uhr.