Login

#1 (**permalink**) 02-12-2006, 21:55

Hi!

Habe das Problem dass der IE meine Seite anders darstellt als alle anderen Browser

Liegt am CSS weiß aber nicht warum, bzw weiß ich nicht welchen "Hack" ich da verwenden sollte.

#page-container {
width: 760px;
margin: auto;
}
#header {

height: 250px;
background: #db6d16
url(../images/headers/about.jpg);

}
#sidebar-a {
float: right;
width: 180px;
background: url(../images/muster.gif);
}

#content {
margin-right: 180px;
text-align:left;
}
#footer {
clear: both;
height: 50px; background: url(../images/muster2.gif);
}

im HTML sind halt alle nacheinander drinnen mit <div class="usw">

Im Firefox Browser wird das korrekt dargestellt, also Content neben Sidebar

aber im IE bekomm ich die beiden nicht nebeneinander hin. Da beginnt der Content erst nach der Sidebar

Weiß hier jemand rat?

#2 (**permalink**) 02-12-2006, 22:24

PHP-Code:


			
#sidebar-a

ist das so richtig?

ohne html-code muss ich raten. entweder double-margin bug oder three-pixel-text-jog

gruß
peter

#3 (**permalink**) 03-12-2006, 21:25

der HTML code ist...

<div id="page-container">
<div id="header"></div>

<div id="sidebar-a">sidebar a</div>

<div id="content"></div>

<div id="footer"></div>

</div>

#4 (**permalink**) 03-12-2006, 22:00

Ich hab das mal kurz bei mir zusammengestellt und im IE getestet und es macht was es soll:

PHP-Code:


			
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

             "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

    <title>Unbenanntes Dokument</title>

    <style type="text/css">

        #page-container {

            width: 760px;

            margin: auto;

        }

        #header {

            height: 250px;

            background: #db6d16

            url(../images/headers/about.jpg);

        }

        #sidebar-a {

            float: right;

            width: 180px;

            background: url(../images/muster.gif);

        }

        

        #content {

            margin-right: 180px; 

            text-align:left; 

        }



        #footer {

            clear: both; 

            height: 50px; background: url(../images/muster2.gif);

        }

    </style>

</head>

<body>

    <div id="page-container"> 

    <div id="header"></div> 

    

    <div id="sidebar-a">sidebar a</div>

    

    <div id="content">content</div>

    

    <div id="footer">footer</div>

    

    </div>

</body>

</html>

Ich hab eben nur die pics nicht. Vielleicht liegt es auch an denen.

#5 (**permalink**) 04-12-2006, 12:23

oder möglicherweise an der doctype-definition.

gruß
peter

#6 (**permalink**) 05-12-2006, 09:59

Fehler gefunden!

Vielen Dank für eure Hilfe...der Fehler war aber komischerweise ganz ein anderer, bin nur durch Zufall darauf gekommen.

Im content hab ich ein file mit include() eingebunden. diese eingebundene Tabelle hatte width=100% jetz hab ich diese auf width=99% gestetzt und jetz funktionierts *g* sehr komisch ich weiß

danke für die Hilfe!