Willkommen in der Webstatt
User-1 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?
User-2 am 27.08.07 22:47

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

an, vll hilft das.

User-1 am 27.08.07 22:49

Quote
Original von xyz-70
fang mal mit
* {
margin: 0;
padding: 0;
}

an, vll hilft das.


Leider nicht :(

User-3 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....

User-1 am 02.09.07 20:25

Quote
Original von xyz-52
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;}

User-3 am 02.09.07 21:11

funktionierts jetzt?

User-1 am 02.09.07 22:29

Quote
Original von xyz-52
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).

User-4 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