✔ Frage bei Div-Box

[Oetzicool]

Hey Leute ich habe ein Seite programmiert mit einer Menübox die so aussieht:

<div class="menuebox">
   	<div class="titel">
	Menü
	</div>
		<div class="inhalt">
			<ul>
  				<li><a href="index.php?section=home">Home</a></li>
  				<li><a href="index.php?section=news&page=1">News</a></li><li><a href="index.php?section=impressum">Impressum</a></li>
			</ul>
		</div>
</div>

und hier der CSS-Code dazu:

 #links {
    width: 150px;
    float: left;
    font-family: Verdana;
    font-size: 10px;
    color: #D4E5DB;
	margin: 0em 0em 0em 1em;
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	padding: 0em 0em 1em 1em;
}
#mitte {
    width: 69%;
    float:left;
    margin: 0em 0em 0em 1em;
    border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	padding: 0em 0em 1em 1em;
}.titel {
	font-family: Franklin Gothic Medium;

	color: #000000;
	background-color: #E6E6E6;
	font-size: 175%;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #CCCCCC;
}
.inhalt {
	padding: 1em 0em 0em 0em;
}

also an sich funktioniert alles Problemlos aber durch das Padding in der Titel-DIV wird die Hintergrundfarbe nicht durchgehend angezeigt könnt ihr mir da weiterhelfen?
Danke schonmal!

 

[Maik]

Hi,

bei mir wird die Hintergrundfarbe soweit vollständig angezeigt, nur besitzt das Konstrukt zum Fensterrand einen Abstand, der sich mit der folgenden Regel verringern lässt:

html,body {
margin:0;
padding:0;
}

 

[Oetzicool]

Also hier ist meine CSS-Datei:

* {
margin:0;
padding:0;
}

A:link {
  COLOR: #336699; TEXT-DECORATION: none; FONT-STYLE: normal
  }
  A:visited {
  COLOR: #336699; TEXT-DECORATION: none; FONT-STYLE: normal
  }
  COLOR: #336699; TEXT-DECORATION: none; FONT-STYLE: normal
  }
  A:hover {
  COLOR: #00CC99; TEXT-DECORATION: underline; FONT-STYLE: normal
  }

#banner {
    height: 80px;
}
#links {
    width: 150px;
    float: left;
    font-family: Verdana;
    font-size: 10px;
    color: #D4E5DB;
	margin: 0em 0em 0em 1em;
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	padding: 0em 0em 1em 1em;
}
#mitte {
    width: 69%;
    float:left;
    margin: 0em 0em 0em 1em;
    border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	padding: 0em 0em 1em 1em;
}
body {
    font-family: Verdana;
    font-size: 10px;
}
ul {
   list-style-type: none;
}
.titel {
	font-family: Franklin Gothic Medium;

	color: #000000;
	background-color: #E6E6E6;
	font-size: 175%;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #CCCCCC;
}
.inhalt {
	padding: 1em 0em 0em 0em;
}

aber bei mir funktioniert es nicht!

 

[Maik]

Bei mir wird das DIV .titel in allen mir zur Verfügung stehenden Browser vollständig mit der Hintergrundfarbe ausgefüllt.

 

[Oetzicool]

aber wieso hab ich immer einen kleinen abstand zur außenbox?

 

[Oetzicool]

also ich habs jetzt mal mit Mozilla und dem IE angeschaut aber kam immer des selbe raus und unten hab ich mal ein bild davon gemacht!

 

[Maik]

Wie gesagt, bei mir gibt es keinen Abstand zum äußeren DIV:



Oder hast du etwa für das DIV .menuebox, das in deinem gezeigten Stylesheet nicht auftaucht, einen linken Innenabstand definiert?

 

[Oetzicool]

Also im Margin hab ich einen Abstand:

#mitte {
    width: 69%;
    float:left;
    margin: 0em 0em 0em 1em;
    border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	padding: 0em 0em 1em 1em;
}

der dafür zuständig ist das es einen abstand gibt

 

[Maik]

Ein Element mit dieser ID taucht n deinem gezeigten HTML-Code aber überhaupt nicht auf.

 

[Oetzicool]

Also ich habe meine Website in 3 Teile aufgebaut: Header, Links, Mitte.
Die Namen erklären sich wohl von selbst. Und Das Menü befindet sich in dem Bereich #mitte.