Verzweifle an DIV Layout...

Diskutiere mit über: Verzweifle an DIV Layout... im Web Page Design Forum

  1. Deepthroat

    Deepthroat Thread Starter MacUser Mitglied

    Beiträge:
    138
    Zustimmungen:
    1
    Registriert seit:
    29.09.2006
    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
     
  2. ThaHammer

    ThaHammer MacUser Mitglied

    Beiträge:
    3.276
    Zustimmungen:
    13
    Registriert seit:
    01.06.2004
    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! :)
     
  3. grimm-

    grimm- MacUser Mitglied

    Beiträge:
    122
    Zustimmungen:
    0
    Registriert seit:
    12.09.2006
    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?
     
  4. Deepthroat

    Deepthroat Thread Starter MacUser Mitglied

    Beiträge:
    138
    Zustimmungen:
    1
    Registriert seit:
    29.09.2006
    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>
    
     
  5. grimm-

    grimm- MacUser Mitglied

    Beiträge:
    122
    Zustimmungen:
    0
    Registriert seit:
    12.09.2006
    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.
     
  6. Deepthroat

    Deepthroat Thread Starter MacUser Mitglied

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

    Besten Dank! :)

    Deep
     
  7. ThaHammer

    ThaHammer MacUser Mitglied

    Beiträge:
    3.276
    Zustimmungen:
    13
    Registriert seit:
    01.06.2004
    Min-height versteht der IE aber nicht richtig! ;)
     
  8. grimm-

    grimm- MacUser Mitglied

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

    nitzer MacUser Mitglied

    Beiträge:
    79
    Zustimmungen:
    4
    Registriert seit:
    02.08.2006
    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
     
  10. 2nd

    2nd MacUser Mitglied

    Beiträge:
    8.902
    Zustimmungen:
    242
    Registriert seit:
    25.07.2004
    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 Forum Datum
Problem mit verschachtelten div-Boxen Web Page Design 30.08.2016
Problem: DIV sprengt Container Web Page Design 22.08.2013
Link/Scroll zu div id animieren Web Page Design 22.11.2012
Thumbnail Gallery, zusammen mit Text bündig rücken /oder/und in ein DIV packen… Web Page Design 18.08.2012
Wie verschiebe ich in einem Div-Layer den Inhalt, ohne dabei den HG anzusprechen? Web Page Design 15.08.2011

Diese Seite empfehlen

Benutzerdefinierte Suche