• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

[Erledigt]altbekannt: 100% div

Status
Für weitere Antworten geschlossen.

maks

Neues Mitglied
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.

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)
 
Werbung:
Status
Für weitere Antworten geschlossen.
Zurück
Oben