Ja ich hab mal wieder eine Frage wegen dem 100% div.
Im ie wird meine Seite soweit richtig angezeigt, aber im firefox geht das div nicht mit dem inhalt mit.
und der CSS-Code:
Edit: Ok ich habs:
Ein div mit clear:left unter die Navigation und bei main nur min-height übrig lassen.
Mod-Edit: Doppelpost entfernt - bitte den "edit" Button oben rechts benutzen. (Hobbyuser)
Im ie wird meine Seite soweit richtig angezeigt, aber im firefox geht das div nicht mit dem inhalt mit.
Code:
<div id="main">
[img]img/header.png[/img]
<div id="content">
<h1>Redesign rockt das House!!!!</h1>
<div class="news">
INHALT INHALT
</div>
<h1>Redesign rockt das House!!!!</h1>
<div class="news">
INHALT INHALT
</div>
</div>
<ul id="navi">
[*][url="#"]blogs[/url]
[*][url="#"]news[/url]
[*][url="#"]worx[/url]
<li style="margin-bottom: 15px;">[url="#"]useful[/url]
[*][url="#"]about me[/url]
<li style="margin-bottom: 15px;">[url="#"]special[/url]
[*][url="#"]links[/url]
[/list]
</div>
und der CSS-Code:
Code:
html {
height: 100%;
}
body {
padding: 0;
margin: 0;
width: 100%;
height: 100%;
min-height: 100%;
background: url(img/bg.gif);
text-align: center;
overflow: auto;
}
img#header {
border-bottom: 16px solid #C9C9C9;
vertical-align: bottom;
}
#main {
margin: 0 auto 0;
width: 520px;
min-height: 100%;
height: 100%;
text-align: justify;
background-color: #FFFFFF;
border-left: 16px solid #C9C9C9;
border-right: 16px solid #C9C9C9;
}
* html #main {
width: 552px;
}
#content {
float: left;
width: 364px;
margin: 7px 10px;
padding: 0px 10px 20px 0px;
border-right: 1px solid #C9C9C9;
font-family: verdana, tahoma, arial;
font-size: 10px;
letter-spacing: 1pt;
}
* html #content {
width: 374px;
margin-left: 5px;
}
#navi {
margin: 25px 0px 0px 379px;
list-style-image:url(img/arrow.gif);
font-family: verdana, tahoma, arial;
font-size: 10px;
letter-spacing: 1pt;
}
* html #navi {
margin: 25px 0px 0px 417px;
}
#navi a{
color: black;
text-decoration: none;
font-family: verdana, tahoma, arial;
font-size: 10px;
letter-spacing: 1pt;
}
h1 {
margin: 0;
margin-bottom: 10px;
padding: 4px;
color: white;
font-weight: normal;
font-size: 10px;
background-color: #E50083;
}
.news {
margin-bottom: 20px;
}
Edit: Ok ich habs:
Ein div mit clear:left unter die Navigation und bei main nur min-height übrig lassen.
Mod-Edit: Doppelpost entfernt - bitte den "edit" Button oben rechts benutzen. (Hobbyuser)