Antworten auf deine Fragen:
Neues Thema erstellen

Layout wird im IE nicht richtig angezeigt

B

bansenshukai

Guest

Hi,
Ich verzweifel langsam an dem Problem. Ich habe festgestellt das das layout meiner Seite in Chrome und Firefox richtig dargestellt wird, aber im IE nicht.Ich habe die Seite mit Dreamweaver konstruiert und in anderen Foren gelesen das man da die Positionierung der Divs einstellen muss hab das aber nicht hinbekommen. Kann mir bitte jemand helfen??

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
body {
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
}
body,td,th {
	font-size: 24px;
	color: #0F3;
}
</style>



<link href="css/layout.css" rel="stylesheet" type="text/css" />

<title>Automodelle</title>

<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head>

<body onload="MM_preloadImages('images/Home_nacher.jpg','images/Geschichte_nacher.jpg','images/Autos_nacher.jpg','images/Favoriten_nacher.jpg')">

<div id="wrapper">
 
<div id="logo"><a href="index.html"><img src="images/banner.jpg" width="800" height="200" alt="Porsche banner" /></a></div>
  
  
  
<a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Homeroll','','images/Home_nacher.jpg',1)"><img src="images/Home_vorher.jpg" alt="Home nacher" name="Homeroll" width="150" height="50" border="0" id="Homeroll" /></a>

<a href="Geschichte.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','images/Geschichte_nacher.jpg',1)"><img src="images/Geschichte_vorher.jpg" alt="Geschichte nacher" name="Image3" width="251" height="50" border="0" id="Image3" /></a>

<a href="Autos.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','images/Autos_nacher.jpg',1)"><img src="images/Autos_nacher.jpg" alt="Autos nacher" name="Image4" width="164" height="50" border="0" id="Image4" /></a>

<a href="Favoriten.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','images/Favoriten_nacher.jpg',1)"><img src="images/Favoriten_vorher.jpg" alt="Favoriten nacher" name="Image5" width="235" height="50" border="0" id="Image5" /></a></div>

<br />

<div id="Autoliste">
<img src="images/über_menu.jpg" alt="Porsche" />
<a href="911.html"><img src="images/911porsche_menu.jpg" alt="911" /></a>

<a href="cayman.html"><img src="images/cayman_menu.jpg" alt="Cayman" /></a>

<a href="panamera.html"><img src="images/panamera_menu.jpg"  alt="panamera" /></a>

<a href="cayenne.html"><img src="images/Cayenne_menu.jpg" alt="cayenne" /></a>

<a href="boxter.html"><img src="images/boxter_menu.jpg" alt="boxter" /></a>

</div>

<div id="Auto">

<div id="Buttonl"><a href="panamera.html"><img src="images/buttonl.gif" width="27" height="300" alt="buttonl"/></a></div>

<div id="Bild"><img name="Auto" src="" width="520" height="300" alt="" />
</div>

<div id="Buttonr">
<a href="911.html"><img src="images/buttonr.gif" width="27" height="300" alt="buttonr"/></a>
<div id="Text">asasasa</div>
</div>

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


Code: 
* {
	margin: 0px;
	padding: 0px;
}
#wrapper #Favoriten {
	float: left;
	border: 5px solid #000;
}
#Favoriten1 {
	background-image: url(../images/Kasten_bg.jpg);
	background-repeat: repeat;
	width: 800px;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #000;
	font-family: "911 Porscha";
	color: #000;
	font-size: 18px;
	font-style: normal;
	line-height: 32px;
	font-weight: bold;
}


#wrapper {
	background-color: #e6e6e6;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #000;
}

#wrapper #headerImg {
}


#wrapper #logo {


}


a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#Geschichte {
	width: 800px;
	border: 1px solid #000;
	background-image: url(../images/Kasten_bg.jpg);
	background-repeat: repeat;
	font-size: 18px;
	color: #000;
	font-family: "911 Porscha";
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	line-height: 32px;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
}
#Auto {
	width: 800px;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
}
#Auto #Buttonr {
	margin: auto;
}
#Auto #Buttonl {
	top: 20px;
	margin-top: auto;
	margin-bottom: auto;
	float: left;
}
#Auto #Text {
	font-family: "911 Porscha";
	font-size: 18px;
	font-style: normal;
	line-height: 32px;
	font-weight: bold;
	color: #000;
	width: 175px;
	border: 1px solid #000;
	float: right;
	background-image: url(../images/Kasten_bg.jpg);
	background-repeat: repeat;
}
#Auto #Bild {
	float: left;
	width: 520px;
	border: 1px solid #000;
	background-image: url(../images/Kasten_bg.jpg);
	background-repeat: repeat;
}
#Autoliste {
	border: 1px solid #000;
	float: left;
	margin-left: 20px;
	width: 250px;
}
#footer {
	margin-right: auto;
	margin-left: auto;
	margin-top: auto;
	font-family: "911 Porscha";
	font-size: 12px;
	font-weight: normal;
	color: #000;
	width: 800px;
}


Grüße bansenshukai
 

Gackoo_duz

Gackoo_duz

Gackoo

AW: Layout wird im IE nicht richtig angezeigt

Da ist sehr viel überflüssiger CSS Code drin

*
{
margin: 0;
padding: 0;
border: 0;
}

body
{
background-image: url(images/bg.jpg);
background-repeat: repeat-x;
}

body, td, th
{
font-size: 24px;
color: #0F3;
}

#wrapper #Favoriten
{
float: left;
border: 5px solid #000;
}

#Favoriten1
{
background-image: url(../images/Kasten_bg.jpg);
/* [disabled]background-repeat: repeat; */
width: 800px;
/* [disabled]margin-top: auto; */
margin-right: auto;
margin-left: auto;
border: 1px solid #000;
font-family: "911 Porscha";
color: #000;
font-size: 18px;
/* [disabled]font-style: normal; */
line-height: 32px;
font-weight: bold;
}

#wrapper
{
background-color: #e6e6e6;
width: 800px;
margin-right: auto;
margin-left: auto;
border: 1px solid #000;
}

#Geschichte
{
width: 800px;
border: 1px solid #000;
background-image: url(../images/Kasten_bg.jpg);
/* [disabled]background-repeat: repeat; */
font-size: 18px;
color: #000;
font-family: "911 Porscha";
text-decoration: none;
/* [disabled]font-style: normal; */
font-weight: bold;
line-height: 32px;
/* [disabled]margin-top: auto; */
margin-right: auto;
margin-left: auto;
}

#Auto
{
width: 800px;
/* [disabled]margin-top: auto; */
margin-right: auto;
margin-left: auto;
/* [disabled]margin-bottom: auto; */
}

#Auto #Buttonr
{
margin: auto;
}

#Auto #Buttonl
{
top: 20px;
/* [disabled]margin-top: auto; */
/* [disabled]margin-bottom: auto; */
float: left;
}

#Auto #Text
{
font-family: "911 Porscha";
font-size: 18px;
font-style: normal;
line-height: 32px;
font-weight: bold;
color: #000;
width: 175px;
border: 1px solid #000;
float: right;
background-image: url(../images/Kasten_bg.jpg);
/* [disabled]background-repeat: repeat; */
}

#Auto #Bild
{
float: left;
width: 520px;
border: 1px solid #000;
background-image: url(../images/Kasten_bg.jpg);
/* [disabled]background-repeat: repeat; */
}

#Autoliste
{
border: 1px solid #000;
float: left;
margin-left: 20px;
width: 250px;
}

#footer
{
margin-right: auto;
margin-left: auto;
/* [disabled]margin-top: auto; */
font-family: "911 Porscha";
font-size: 12px;
font-weight: normal;
color: #000;
width: 800px;
}
Zum Vergrößern anklicken....
 
B

bansenshukai

Guest

AW: Layout wird im IE nicht richtig angezeigt

Hi Leute,
Danke das ihr euch mit meinem Problem befasst. Ich kann leider keinen Link geben da ich die Seite nur schreiben muss um sie dann meinem Lehrer abgeben zu können. Die überflüssigen Sachen habe ich mal raus genommen hat aber nichts verändert.Beim Validieren wird nur der Javascript bereich als Fehler gemeldet. Hab ihn mal raus genommen und dann nochmal probiert aber das hat nicht geholfen, es hat nur dazu geführt das der Mousovereffekt verschwindet.
Übrigens habe ich bemerkt das die Seite auf meinem anderen Rechner richtig dargestellt wird wenn der Browser Maximiert ist, wenn er jedoch verkleinert wird schiebt sich die eine Box wieder unter die anderen. Hier mal ein Screenshoot

Maximiert:
[IMG=http://img33.imageshack.us/img33/3948/maximiert.jpg][/IMG]

Verkleinert:
[IMG=http://img97.imageshack.us/img97/8826/verkleinerto.jpg][/IMG]
 
B

bansenshukai

Guest

AW: Layout wird im IE nicht richtig angezeigt

Hi,
Ich meinte die Textbox die ganz rechts steht, aber ich versuchs mal mit der Positionierung. Hoffentlich funktionierts. Danke für deine Hilfe.
 
B

bansenshukai

Guest

AW: Layout wird im IE nicht richtig angezeigt

Na endlich habs hinbekommen mit Hilfe der Positionierung. Danke euch vorallem dir Alexanderhey.

Gruß Bansenshukai
 
B

bansenshukai

Guest

AW: Layout wird im IE nicht richtig angezeigt

Ich habe jedem div eine feste Position gegeben.
So wird das Layout nicht verändert. Wie man das macht
kann man auf der Seite die Alex gepostet hat nachlesen.
Hier nochmal der Link:
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden
Zu den Gratis-Inhalten

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Gesamt: 144 (Mitglieder: 2, Gäste: 142)
Robots: 750

Statistik des Forums

Themen
118.635
Beiträge
1.538.476
Mitglieder
67.559
Neuestes Mitglied
hanuta
Oben