Willkommen in der Webstatt Zum Webstatt Blog und Stories
Sheep Sheep am 27.08.07 21:29

Problem:
Der IE stellt vom content-div links einen zu weiten Abstand da (siehe Anhang). FF und Opera interpretieren richtig.

Online Demo:
http://www.sheep24.de/sheep/nature/

CSS Code:
body {
background-color: #ffffff;
text-align: center;
margin: 0px;
}
#hauptbox {
text-align: left;
margin: auto;
padding: 0px;
background: url(Bilder/hg.jpg);
background-repeat: no-repeat;
width: 840px;
height: 817px;
}
#nav {
padding-top: 215px;
padding-left: 170px;
position: static;
}
#content {
padding-top: 20px;
padding-left: 0px;
margin-left: 90px;
display:block;
overflow:auto;
width: 520px;
height: 493px;
float:left;
}
#lebensinfo {
font-family:Tahoma,Arial,Helvetica,sans-serif;
display:block;
font-size:10px;
height:494px;
margin-left: 615px;
padding-top: 18px;
width:115px;}

netcup.de Warum gibt es hier Werbung?
fish fish am 27.08.07 22:47

fang mal mit
* {
margin: 0;
padding: 0;
}

an, vll hilft das.

Sheep Sheep am 27.08.07 22:49

Quote
Original von fish
fang mal mit
* {
margin: 0;
padding: 0;
}

an, vll hilft das.


Leider nicht :(

der_nic der_nic am 28.08.07 21:12

Frag mich nicht wieso, aber bei #content musst du width:430px !important; machen, dann gehts... aber ist glaube ich nicht die beste Lösung....

Sheep Sheep am 02.09.07 20:25

Quote
Original von der_nic
Frag mich nicht wieso, aber bei #content musst du width:430px !important; machen, dann gehts... aber ist glaube ich nicht die beste Lösung....


hm, ich weiß nicht genau wie du das gemeint hast, mit !important bin ich aber erst mal weiter gekommen (* html #content soll nur für den IE gelten)

* html #content {
text-align: left;
color: red;
margin-left: 45px !important;
}
body {
background-color: #ffffff;
text-align: center;
margin: 0px;
}
#hauptbox {
text-align: left;
margin: auto;
padding: 0px;
background: url(Bilder/hg.jpg);
background-repeat: no-repeat;
width: 840px;
height: 817px;
}
#nav {
color: green;
padding-top: 215px;
padding-left: 170px;
position: static;
}
#content {
padding-top: 20px;
padding-left: 0px;
margin-left: 90px;
display:block;
overflow:auto;
width: 520px !important;
height: 493px;
float:left;
}
#lebensinfo {
font-family:Tahoma,Arial,Helvetica,sans-serif;
display:block;
font-size:10px;
height:494px;
margin-left: 615px;
padding-top: 18px;
width:115px;}

der_nic der_nic am 02.09.07 21:11

funktionierts jetzt?

Sheep Sheep am 02.09.07 22:29

Quote
Original von der_nic
funktionierts jetzt?


Siehst in der Demo. Bei IE6, FF2 und Opera scheints zu klappen. Mit mehr Browsern kann ich nicht testen (interessant wären noch IE5, IE7, Safari und Konqueror).

trefixxx am 03.09.07 13:26

Siehe hier, hier, dann auch hier, und dann sehr wahrscheinlich auch noch hier ;)

Creative Commons Lizenzvertrag
Alle Inhalte des Webstatt-Archivs stehen unter einer Creative Commons Namensnennung - Weitergabe unter gleichen Bedingungen 3.0 Unported Lizenz.

Impressum & Kontakt