|
|||
Warum horizontaler Scrollbalken?
Hallo,
könnt Ihr bitte mal auf www.shell-mindelheim.de schauen..... Es kommt ein horiz. Scrollbalken, aber warum? edit: Der horiz. Scrollbalken kommt nur beim Firefox, beim IE nicht Die verantw. css-Angaben dürften diese hier sein: Code:
body { margin: 0px; height: 100%; padding: 0px; font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #333333; background: #ffffff; } h1 {font-size:18px;color:#000000;margin-bottom:0px;} h2 {font-size:16px;color:#000000;margin-bottom:0px;} h3 {font-size:14px;color:#000000;margin-bottom:0px;} p {margin-top:0px;} #header1 { background-image: url(../images/1.jpg); width: 228px; height: 142px; float: left; } #header2 { background-image: url(../images/2.jpg); width: 507px; height: 142px; float: left; } #header3 { background-image: url(../images/3.jpg); background-repeat: repeat-x; height: 142px; } #header4 { background-image: url(../images/4.jpg); width: 105px; height: 142px; float: right; } #left,#right { width:10%; line-height:18px; /* border:1px solid #000000; */ background-color:#efefef; } #left { float:left; margin-left:1%; padding: 5px; } #right { float:right; margin-right:1%; padding: 5px; } #content { width:70%; float:left; margin-left:3%; padding: 5px; /* border:1px solid #000000; */ background-color:#efefef; } |
Sponsored Links |
|
|||
mach mal ne art wrap um die ganzen div´s das sollte dir die Arbeit etwas erleichtern..sowas in der art
#wrap { position: relative; margin: 0px auto; padding: 0px; text-align: left; width: xxxpx; } im opera verhauts atm nämlich auch das mit dem newsflash noch.. |
Sponsored Links |
|
|||
Nimm mal aus table.moduletable die width:100% raus. Bei "newsflash" erzeugt das ein Element, das 100% der Breite des body einnimmt. Und da es nicht ganz links sitzt, gibt's nen Scrollbalken. Wenn du table.moduletable eine Hintergrundfarbe gibst, weißt du was ich meine.
Grüße fricca |
|
|||
Zitat:
|
|
|||
Schon das nächste Problem, diesmal im IE....
Ich floate ja #header1 + #header2 left und den #header4 right. Der #header3 hat ein backgroundimage, welches sich nach x repeated und so eben den Zwischenraum zw. #header2 u. #header4 "verbinden" soll. Beim FF klappt es auch, aber im IE sind beim #header3 links und rechts weiße Stellen zu sehen |
|
|||
Versuch's mal, indem du um deine gefloateten Bilder ein Div legst und diesem als Hintergrundbild das gekachelte gibst. Dann kannst du den Lückenfüller #header3 raus lassen (wieder ein leeres Element weniger...).
Du könntest die Bilder auch als img einsetzen, dann kannst du dir die leeren divs ganz sparen... und noch sinnvolle Alt-Texte verwenden... Grüße fricca |
|
||||
Zumal Du den IE mit der XML-Deklaration in den Quirksmode versetzt - so wird er ein falsches Boxmodel benutzen, das wird Dir noch mehr Ärger bringen, als Dir lieb ist
__________________
“My software never has bugs. It just develops random features ...” » DevShack - die Website des freien Webentwicklers Boris Bojic |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Horizontaler Scrollbalken in einigen Smartphone-Browsern | shredder01 | CSS | 3 | 13.02.2013 21:33 |
Horizontaler Scrollbalken im IE | jane | CSS | 6 | 29.04.2009 11:23 |
Horizontaler Scrollbalken? | Ka2wei | CSS | 2 | 06.01.2008 16:43 |
Horizontaler Scrollbalken bei position:relative :( | The Sayan | CSS | 1 | 25.02.2007 14:37 |
Frames - Horizontaler Scrollbalken in IE | Schneemann | (X)HTML | 2 | 13.09.2006 13:39 |