Webstatt.org - Community seit 2006 - 2012 (2024?)

Problem mit Divs

Avatar 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
Avatar 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.
Avatar 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
Avatar 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
Avatar 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
Avatar 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
Avatar 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