Verzweifle an DIV Layout...

  1. Deepthroat

    Deepthroat Thread StarterMacUser Mitglied

    Mitglied seit:
    29.09.2006
    Beiträge:
    137
    Zustimmungen:
    1
    Hallo zusammen,

    ich bastel grad an ner Seite für nen Bekannten, siehe hier.
    Aber ich krieg das mit den div's irgendwie nicht gebacken... :kopfkratz:
    Der div, in dem der Inhalt dargstellt wird, wird im IE nicht neben das Menü, sondern darunter dargestellt. Außerdem will ich den Inhalt per include einfügen. Aber wenn ich das mach, wird das ganze Layout zerschossen... :heul:

    Hab nach Lösungen gegoogelt, aber ich steh irgendwie voll auf'm schlauch.

    Hoffe jemand kann mir weiterhelfen...

    Deep
     
    Deepthroat, 26.03.2007
  2. ThaHammer

    ThaHammerMacUser Mitglied

    Mitglied seit:
    01.06.2004
    Beiträge:
    3.277
    Zustimmungen:
    13
    Wenn der Div im IE runter rutscht, ist das meistens weil der Div zu breit wird. Dann passt er im IE nicht mehr rein und rutscht runter.
    Das mit dem Includen müsstest Du mal Posten, damit Wir sehen können wo Dein Denkfehler ist. Ich tippe auf einen falsch geöffneten oder geschlossenen Div! :)
     
    ThaHammer, 26.03.2007
  3. grimm-

    grimm-MacUser Mitglied

    Mitglied seit:
    12.09.2006
    Beiträge:
    122
    Zustimmungen:
    0
    Hmmm...für den ersten Teil habe ich jetzt keine Idee, doch das mit dem Include dürfte nicht passieren. Tritt das nur auf, wenn du den Inhalt per include einbindest, oder auch wenn du den Inhalt zu Testzwecken direkt in die Seite kopierst?
     
    grimm-, 26.03.2007
  4. Deepthroat

    Deepthroat Thread StarterMacUser Mitglied

    Mitglied seit:
    29.09.2006
    Beiträge:
    137
    Zustimmungen:
    1
    Hey!

    Danke für Tipp. :) War tatsächlich nur die Breite des DIV. Jetzt steht's auch im IE wo's hinsoll.

    Das zweite Problem besteht allerdings weiterhin...

    Hier mal der der Quelltext:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    
    	<title>IBF Faulhaber</title>
    	
    	<style type="text/css" media="screen">
    	body
    	{
    		margin: 0px;
    		padding: 0px;
    		font: 85% arial, hevetica, sans-serif;
    		text-align: center;
    		color: #505367;
    		background-color: #ffffff;
    	}
    	
    	#container
    	{
    		margin: 0px auto;
    		width: 800px;
    		text-align: left;
    		background-color: #E0E0E0;
    		border: 1px solid black;
    	}
    	
    	#header
    	{
    		height: 120px;
    	}
    	
    	#leiste
    	{
    		height: 10px;
    		background-color: green;
    	}
    	
    	#left
    	{
    		float: left;
    		width: 150px;
    		height: 100px;
    	}
    	
    	#info
    	{
    		font: 12px arial, hevetica, sans-serif;
    		color: #505367;
    		padding-top: 10px;
    		width: 150px;
    		text-align: center;
    		background-color: #E0E0E0;
    	}
    	
    	#content
    	{
    		margin-left: 150px;
    		height: 770px;
    		width: 640px;
    		background-color: #ffffff;
    		z-index: 2;
    	}
    	
    	#footer	
    	{
    		clear: both;
    		height: 20px;
    		padding-top: 3px;
    		font: 12px arial, hevetica, sans-serif;
    		color: #ffffff;
    		text-align: center;
    		background-color: green;
    	}
    	
    	</style>
    	
    	
    </head>
    <body>
    	
    <div id="container">
    	<div id="header">
    		<img src="images/header.jpg" alt="" />
    	</div><!-- header -->
    	
    	<div id="leiste"></div>
    	
    	<div id="left">	
    		<div id="menu">
    			<div id="nav">
    				<!-- hier steht eigentlich das Menue -->
    			</div><!-- nav -->		
    		</div><!-- menu -->
    	
    		<div id="info">
    			<p>Tel:&nbsp; 06784 / 981900<br/>Fax: 06784 / 981904</p>
    			<p>info(at)ibf-faulhaber.de</p>
    			<p>Auf Kampen 17<br/>55758 Bärenbach</p>
    			<p>Geschäftszeiten:<br/>Mo-Do: 7.30 h - 17.30 h<br/>Fr: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;7.30 h - 14.00 h</p>
    		</div><!-- info -->
    	
    	</div><!-- left -->
    	
    	<div id="content">
    		
    			<? 
    			if ($name) 
    			 { 
    			  include($name); 
    			 } 
    			else 
    			 { 
    			  include("welcome.php"); 
    			 } 
    			?>
    		
    	</div><!-- content -->
    	
    	
    	<div id="footer">&copy; 2007 IBF Faulhaber</div>
    </div>
    </body>
    </html>
    
     
    Deepthroat, 26.03.2007
  5. grimm-

    grimm-MacUser Mitglied

    Mitglied seit:
    12.09.2006
    Beiträge:
    122
    Zustimmungen:
    0
    du hast eine fixe Höhe für den Content Container angegeben, probier statt height mal minimum-height damit sich das bei viel Inhalt anpasst.

    War das dein Problem?

    Edit: das hat bei mir beim Testen geklappt.
     
    grimm-, 26.03.2007
  6. Deepthroat

    Deepthroat Thread StarterMacUser Mitglied

    Mitglied seit:
    29.09.2006
    Beiträge:
    137
    Zustimmungen:
    1
    Ihr seid die besten! Mein Tag is gerettet... Jetzt funktioniert alles. :D

    Besten Dank! :)

    Deep
     
    Deepthroat, 26.03.2007
  7. ThaHammer

    ThaHammerMacUser Mitglied

    Mitglied seit:
    01.06.2004
    Beiträge:
    3.277
    Zustimmungen:
    13
    Min-height versteht der IE aber nicht richtig! ;)
     
    ThaHammer, 27.03.2007
  8. grimm-

    grimm-MacUser Mitglied

    Mitglied seit:
    12.09.2006
    Beiträge:
    122
    Zustimmungen:
    0
    lol, echt? =) Nadann, lass ganz weg, ist ja eh nie, nichts drinnen.
     
    grimm-, 27.03.2007
  9. nitzer

    nitzerMacUser Mitglied

    Mitglied seit:
    02.08.2006
    Beiträge:
    79
    Zustimmungen:
    4
    Conditional comments

    Google mal nach conditional comments für den IE.
    Ich hab das gleiche Problem und habe für den IE ein eigenes stylesheet
    gebastelt. Am einfachsten das CSS in eine Externe Datei auslagern und für Explorer ändern.

    Code:
    <link href="guterbrowser.css" rel="stylesheet" type="text/css" media="screen" />
    <!--[if IE]><link href="boeserbrowser.css" rel="stylesheet" type="text/css" media="screen" />  <![endif]-->
    Viel Erfolg
     
    nitzer, 29.03.2007
  10. 2nd

    2ndMacUser Mitglied

    Mitglied seit:
    25.07.2004
    Beiträge:
    8.901
    Zustimmungen:
    242
    Man braucht in 90% der auftretenden Probleme keine Weichen und Hacks und eigene Stylsheets für bestimmte Browser :cool:

    2nd
     
Die Seite wird geladen...
Ähnliche Themen - Verzweifle DIV Layout
  1. mingorius
    Antworten:
    4
    Aufrufe:
    361
  2. Kirzz
    Antworten:
    0
    Aufrufe:
    308
  3. Isegrim242
    Antworten:
    6
    Aufrufe:
    1.028
    Isegrim242
    23.08.2013
  4. apstalker
    Antworten:
    8
    Aufrufe:
    947
    apstalker
    26.11.2012
  5. Triggertrix
    Antworten:
    3
    Aufrufe:
    589
    Triggertrix
    19.08.2012