2 Divs nebeneinander an unteren Bildschirmrand

Seconddevil · 07.01.2011, 19:07

Hallo zusammen,

zerbrech mir an folgendem Problem seit längerem die Zähne.
Man findet immer nur ähnliche Probleme, nie genau das.

Also beide Divs - Inhalt sowie Navi - sollen ohne Inhalt bis zum unteren Bildschirmrand eingeblendet werden.
Weder height 100%, margin-bottom 0 usw bringen mich einfach nicht weiter

Jemand einen Tipp oder gar die Lösung??

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>


<style type="text/css">
<!--
body {
  font: 100.01% Verdana, Arial, Helvetica, sans-serif;
}

* {
  margin:0;
  padding:0;
}

#seite {

 	width: 750px;
 	margin: 0 auto;
	position:absolute;
	left:50%;
	margin-left:-350px;
	
	height :auto !important; /* moderne Browser */
	height:100%; /* IE */
	min-height: 100%;
	margin-bottom:0px;
	
	
}

#head {
	padding: 20px;
 
}

#inhalt {
	
	background:#999;
	margin-right: 142px;
	padding: 20px;	
	height :auto !important; /* moderne Browser */
	height:100%; /* IE */
	min-height: 100%;
	margin-bottom:0px;
}

#navi {
	
	background:#FF0;
	float: right;
	width:142px;
	height :auto !important; /* moderne Browser */
	height:100%; /* IE */
	min-height: 100%;
	bottom:0;
	margin-bottom:0;
	
	
  
}


-->
</style>

</head>
<body>
<div id="seite">
  <div id="head">
  Head</div>

  <div id="navi">
    <p>Navi</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
  </div>

<div id="inhalt">
  <p>Inhalt </p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
     
</div>

  
</div>
</body>
</html>

Danke für eure Hilfe!

Chriz · 07.01.2011, 20:56

wenn überhaupt bottom, nicht margin-bottom

Ne fertige Lösung gibts hier: YaML, mit min-height: 100.1% auf den Container.

Seconddevil · 08.01.2011, 20:57

Danke für deine Hilfe, aber leider bringt auch die Höhe von 100.1% nichts.
Der YaML Builder ist schön und gut, leider ist der Code dann nur komplizierter.

Ich brauch nur 2 Div Container nebeneinander die die ganze Bildschirmhöhe ausnutzen und immer unten am bottom sind.
Problem ist momentan dass immer nur ein Container auf 100% Höhe gehen, nie beide.

nikosch · 08.01.2011, 21:57

Zitat:

Ich brauch nur

Es ist nunmal kein Trivialproblem, weil DIV-Container anders konzeptioniert sind.

Stichwort faux columns.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] CSS: Elemente nebeneinander anordnen		HTML, Usability und Barrierefreiheit	21	29.08.2011 08:05
DIVs nebeneinander stellen	hoctar	HTML, Usability und Barrierefreiheit	6	22.01.2009 16:42
[Erledigt] variable Anzahl div's nebeneinander	aNkh	HTML, Usability und Barrierefreiheit	5	10.12.2008 16:45
ausrichtung von divs in divs geht nur im IE	litterauspirna	HTML, Usability und Barrierefreiheit	5	14.10.2008 14:58
[Erledigt] Divs nebeneinander richtig positionieren das sie nicht verschoben werden	litterauspirna	HTML, Usability und Barrierefreiheit	12	09.10.2008 09:04
DIVs nebeneinander?	wers1	HTML, Usability und Barrierefreiheit	13	18.07.2008 14:26
2 Div's zentrieren	pfump	HTML, Usability und Barrierefreiheit	7	24.04.2008 10:57
Dynamisches Container-Div für floating Divs	HStev	HTML, Usability und Barrierefreiheit	1	14.09.2007 12:39
DIV's untereinander -> Problem	snatch-ic	HTML, Usability und Barrierefreiheit	1	05.02.2007 12:39
3 divs nebeneinander mit dynamisch gleicher Höhe		HTML, Usability und Barrierefreiheit	19	18.01.2006 22:05
DIV's positionieren	scooter	HTML, Usability und Barrierefreiheit	10	12.01.2006 16:11
div nebeneinander	spoi	HTML, Usability und Barrierefreiheit	16	05.01.2006 23:22
DIVs nebeneinander	freitz	HTML, Usability und Barrierefreiheit	4	21.04.2005 22:47
[Erledigt] 2 divs nebeneinander		HTML, Usability und Barrierefreiheit	8	12.01.2005 17:27
[Erledigt] drei divs nebeneinander		HTML, Usability und Barrierefreiheit	5	10.01.2005 20:27


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

07.01.2011, 20:56
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.266	wenn überhaupt bottom, nicht margin-bottom Ne fertige Lösung gibts hier: YaML, mit min-height: 100.1% auf den Container. __________________ "Nuschel ich?" - "Was?"

08.01.2011, 20:57
Seconddevil Neuer Benutzer Registriert seit: 07.01.2011 Beiträge: 2 PHP-Kenntnisse: Anfänger	Danke für deine Hilfe, aber leider bringt auch die Höhe von 100.1% nichts. Der YaML Builder ist schön und gut, leider ist der Code dann nur komplizierter. Ich brauch nur 2 Div Container nebeneinander die die ganze Bildschirmhöhe ausnutzen und immer unten am bottom sind. Problem ist momentan dass immer nur ein Container auf 100% Höhe gehen, nie beide.