zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden ie6 zeigt alles anders an als ie7, opera9, firefox2.0

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 02.06.2007, 16:17
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.01.2007
Beiträge: 6
bäerli befindet sich auf einem aufstrebenden Ast
Standard ie6 zeigt alles anders an als ie7, opera9, firefox2.0

Hallo ihr Lieben!
Ich habe mich jetzt 2Tage durch das Internet gekämpft und verschiedene Foren und auch dieses mehr als durchforstet, aber ich habe leider keine Antwort gefunden.
Aus diesem Grund hätte ich gerne Hilfe von euch. Ich hoffe sehr, dass ihr mir helfen könnt.

Mein Problem:
Meine Seite, die eigentlich auf allen neueren Browsern funktioniert, zeigt der IE6 und kleiner völlig falsch an.
Das ändern der Doc-Type nutzte nichts. Der CSS-Code ist mittlerweile auf das Doppelte angewachsen als er eigentlich sein sollte und mit den Div`s siehts eigentlich auch nicht besser aus.

Meine Seite sollte eigentlich so aussehen:
body 100%
links oben ein kleines Logo daneben der Head mit grossen Logo
liks darunter die Navigation und ein Counter
unten neben dem Counter (Navigation) der Footer der den Rest ausfüllt und zugleich fixed sein sollte, den nur der Rest in der Mitte (Content) der sollte Scroll-bar sein alles ander fix.
Ich hoffe, dass man aus dem Geschreibe etwas erkennen kann.

anbei der css- und html text.

<style type="text/css">/* IE 6.x Hack */
html {
height:100%;
width:100%;
font-size:76%;
margin: 0; padding: 0;
font-family:trebuchet ms, tahoma, verdana, arial, sans-serif;
font-size:12px;
background:#000;
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow:hidden;
/* */
}

body {
height:100%;
width:100%;
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow:hidden;
/* */
margin: 0; padding: 0;
background-color:#000;
}
# wrapper {
background-color:#000000;
width:100%;
height:100%;
position:fixed;
position:absolute;
overflow:hidden;
}
#content {
position:absolute;
display: block;
left:184px;
top:158px;
margin-left:auto;
height:65%;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#fff;
background-color:#000;
border:2px solid #FF8803;
overflow:auto;
padding-bottom:90px;
z-index:5;
}



#left {
position:absolute;
display: block;
position:fixed;
left:0;
top:106px;
width:180px;
bottom:90px;
background-color:#000;
height:70%;
border:2px solid #FF8803;;
z-index:100;
}



#logo {
position:absolute;
position:fixed;
display:block;
margin:0 0 0 0;
top:0;
z-index:25;
left:0;
height:106px;
width:180px;
background-color:#000;
background-image:url(../images/pup_logo_klein.jpg);
background-repeat:no-repeat;
border:2px solid #FF8803;
}



#navi /* IE 6.x Hack */{
position:absolute;
left:5px;
bottom:90px;
height:235px;
width:152px;
z-index:900;
}



#head {
position:absolute;
position:fixed;
top:2px;
left:184px;
height:156px;
margin-left:184px;
margin-top:2px;
font-size:.75em;
z-index:25;
border:2px solid #FF8803;
background-image:url(../images/pub_logo.jpg);
background-position:left;
background-repeat:no-repeat;
background-color:#9F131C;
}




#foot {
position:absolute;
position:fixed;
bottom:0;
left:184px;
right:0px;
height:90px;
margin-left:184px;
font-size:1em;
z-index:1000;
font-family:trebuchet MS, tahoma, verdana, arial, sans-serif;
color:#FF8803;
font-size:9px;
background-image:url(../images/hpadresse.jpg);
background-position:left;
background-repeat:no-repeat;
background-color:#FFEC01;
border:2px solid #FF8803;
}

#navleft{
position:absolute;
background-color:#000000;
border:2px solid #FF9900;
left:0px;
top:0px;
float:left;
height:100%;
width:auto;
}

#counter {
position:absolute;
display: block;
position:fixed;
z-index:25;
left:10px;
bottom:2px;
height:60px;
width:100px;
border:1px solid #C30;
font-size:1em;
}
</style>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/navigation.css">
<title>Pub a&acute;la Pub &quot;SEI GEGR&Uuml;SST&quot;</title>


</head>

<body>
<div id="wrapper">
<div id="navleft">
<div id="logo"></div>
<div id="head"></div>

<div id="left">

<div id="navi">

<div class="menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="aufbau.html">Events</a></li>
<li class="sub"><a href="Fotos">Fotos<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="2007.html">Fotos 2007</a></li>
<li><a href="archiv.html">Archiv</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="anfahrt.html">Anreise</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
<li><a href="mailto:jonny@pubalapub.at">Email-me</a></li>
<li><a href="/gaestebuch/gaeste1.php">G&auml;stebuch</a></li>
</ul>
</div>
</div>
</div>
<div id="counter">
<OBJECT classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" WIDTH="120" HEIGHT="40" ALIGN=""> <PARAM NAME=movie VALUE="http://count.primawebtools.de/primawebtoolsv1.swf?encid=45065"> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#FFFFFF> <EMBED src="http://count.primawebtools.de/primawebtoolsv1.swf?encid=45065" quality=high bgcolor=#FFFFFF WIDTH="120" HEIGHT="40" NAME="primawebtools" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED> </OBJECT>
<!-- PrimaWebtoolsCounter TrackingCode Start //-->
<!-- Ein Service von PrimaWebtools - Kostenloser Counter, kostenlose Webmastertools, Tools für die Homepage kostenlos //-->
<script language="JavaScript" type="text/javascript" src="http://www.pubalapub.at/pphlogger.js"></script>
<noscript><a href="http://counter.primawebtools.de" target="_blank"><img src="http://count.primawebtools.de/pphlogger.php?encid=45065&amp;st=nosc" alt=""></a></noscript>
<center><a href="http://www.primawebtools.de" target="_blank"><img src="http://www.primawebtools.de/counter.gif" border="0" alt="Online Counter"></a></center>
<!-- PrimaWebtoolsCounter TrackingCode Ende //-->
</div>
<div id="foot"></div>
</div>

<div id="content">
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><span class="Stil1">Sei gegr&uuml;&szlig;t ,<br />
auf unserer Seite.Hier findest Du aktuelle Aktionen,<br />
Info&acute;s, Events und Fotos vom Anfang bis Dato.<br />
Jonny und sein Team w&uuml;nschen viel Spass...</span>..</p>
</div>



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

Das wäre der ganze Code. Ich bitte um ein paar Antworten. Im Voraus recht schönen Dank.

Bäerli
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 03.06.2007, 13:08
Benutzer
neuer user
 
Registriert seit: 29.05.2007
Beiträge: 77
Sonny Lane befindet sich auf einem aufstrebenden Ast
Standard

Hallo. Kannst du ein Link zu deiner Seite posten? Vielleicht kann dir dann jemand hier einen Tipp in die richtige Richtung geben.
Freundliche Grüsse
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 03.06.2007, 13:41
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.01.2007
Beiträge: 6
bäerli befindet sich auf einem aufstrebenden Ast
Standard

hallo Sonny Lane,
danke das du auf mein problem geantwortet hast.
habe alles noch einmal geschrieben, und ich bin jetzt auch auf dem richtigen
weg.
das problem das ich hatte war warscheinlich das ich alles fixed und ohne margin gemacht habe, was ich nun geändert habe.
jedoch habe ich nun folgendes problem das ich auch vorher schon hatte.
ich möchte den haeder und den footer fixieren somit sie sich nicht mit scrollen, das heisst nur der content soll sich scrollen, was er nicht tut, somit habe ich 2 scrollbalken, eine beim content und eine beim body.
und das zweit das ich nun noch habe ist, auf der linken seite habe ich 4 boxen welche ich absolut positionieren möchte was aber nicht funktioniert (beim ie6 und kleiner),die neueren wie gesagt funktionieren einwand frei, währe aber das kleinere übel das wichtigste ist das mit dem balken.
ich bitte dich nochenmal mir zu helfen danke
mfg
bäerli
Pub a´la Pub "SEI GEGRÜSST"
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Diverse Probleme in IE6 und IE7 shredder01 CSS 6 13.03.2010 13:56
Fehlendes(?) oder falsch positioniertes Hintergrundbild in IE6 und IE7 shredder01 CSS 4 28.11.2009 21:38
Mausposition (IE6, IE7, FF) Blacksoul Javascript & Ajax 1 24.11.2007 04:47
Problem mit IE6 - mit FF2 und IE7 alles OK! bluescreen Site- und Layoutcheck 0 07.09.2007 00:09
FF, IE6, IE7 Pixelabweichungen bei DIVs Krischu CSS 1 04.04.2007 11:37


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:12 Uhr.