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
 

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....
 
AW: Layout wird im IE nicht richtig angezeigt

Hallo.

Hach ja, das übliche Problem mit dem IE vs. FF. Hast du mal deine Seite validieren lassen beim w3c ?

Bitte kostenlos registrieren, damit du die Links siehst.


Unter Umständen wird dann dein Problem nach der Korrektur schon behoben sein.

Gruß Alex
 
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:
Bitte kostenlos registrieren, damit du die Links siehst.


Verkleinert:
Bitte kostenlos registrieren, damit du die Links siehst.
 
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.
 
AW: Layout wird im IE nicht richtig angezeigt

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

Gruß Bansenshukai
 
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: 1.143 (Mitglieder: 3, Gäste: 1.140)

Statistik des Forums

Themen
119.010
Beiträge
1.540.367
Mitglieder
23.175
Neuestes Mitglied
little-jack1
Oben