Problem mit Divs | Webstatt.org Community

user-297

27.08.2007 19: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;}

Fachabi 2007

user-180

27.08.2007 20:47

fang mal mit

* {

  margin: 0;

  padding: 0;

}

an, vll hilft das.

may the force be with you. but mostly with me.

user-297

27.08.2007 20:49

Original von user-180
fang mal mit
* { margin: 0; padding: 0; }
an, vll hilft das.

Leider nicht traurig

Fachabi 2007

user-162

28.08.2007 19: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....

Perfection is not when there’s nothing to add, but when there’s nothing to take away swisscheek.com/magazine

user-297

02.09.2007 18:25

Original von user-162
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;}

Fachabi 2007

user-162

02.09.2007 19:11

funktionierts jetzt?

Perfection is not when there’s nothing to add, but when there’s nothing to take away swisscheek.com/magazine

user-297

02.09.2007 20:29

Original von user-162
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).

Fachabi 2007

user-333

03.09.2007 11:26

Siehe hier, hier, dann auch hier, und dann sehr wahrscheinlich auch noch hier zwinkern