XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   ie6 zeigt alles anders an als ie7, opera9, firefox2.0 (http://xhtmlforum.de/showthread.php?t=46183)

bäerli 02.06.2007 16:17

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="clsid:D27CDB6E-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

Sonny Lane 03.06.2007 13:08

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

bäerli 03.06.2007 13:41

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"


Alle Zeitangaben in WEZ +2. Es ist jetzt 21:58 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023