Tweet
Hallo 
Ich möchte eine dunkelgraue Box (150 * 50 Pixel), und daneben über den Rest der Breite eine hellgraue Box mit der gleichen Höhe.
Dazu hab ich 2 Divs gemacht, und die per float nebeneinander gepackt und alles geht wunderbar - bis ich die Seite im IE ansehe. Der packt nämlich eine weiße Lücke von 2-3 Pixeln breite zwischen die Boxen, und ich habe keine Ahnung wieso.
Hier mal der Quelltext:
Und nochmal online zum angucken:
http://home.arcor.de/j.h.hapke/luecke.html
Mit Firefox und Opera sieht es so aus, wie es soll, nur mit IE nicht. Ich hab auch schon versucht Padding, Spacing, Margin und Border auf 0px zu setzen (bei beiden Boxen), aber das hat komischer Weise (schreibt man doch jetzt auseinander, oder?) auch nichts geändert. Wenn ich die Breite der zweiten Box ändere oder die Angabe komplett weglasse ändert das auch nichts. Ich hab auch schon gedacht, dass es daran liegen könnte, dass zwischen den beiden DIVs ein Zeilenumbruch ist, aber selbst wenn ich die unmittelbar hintereinander schreibe bleibgt die Lücke im Internet Explorer da.
Ich hoffe mal, dass irgendwer noch kluge Ideen hat
Ich möchte eine dunkelgraue Box (150 * 50 Pixel), und daneben über den Rest der Breite eine hellgraue Box mit der gleichen Höhe.
Dazu hab ich 2 Divs gemacht, und die per float nebeneinander gepackt und alles geht wunderbar - bis ich die Seite im IE ansehe. Der packt nämlich eine weiße Lücke von 2-3 Pixeln breite zwischen die Boxen, und ich habe keine Ahnung wieso.
Hier mal der Quelltext:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html> <head> <title>Lücke</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> </head> <body style="margin: 0px; padding: 0px;"> <div style="width: 150px; height: 50px; background: #666666; float: left;">Box</div> <div style="width: auto; height: 50px; background: #cccccc;">andere Box</div> </body> </html>
http://home.arcor.de/j.h.hapke/luecke.html
Mit Firefox und Opera sieht es so aus, wie es soll, nur mit IE nicht. Ich hab auch schon versucht Padding, Spacing, Margin und Border auf 0px zu setzen (bei beiden Boxen), aber das hat komischer Weise (schreibt man doch jetzt auseinander, oder?) auch nichts geändert. Wenn ich die Breite der zweiten Box ändere oder die Angabe komplett weglasse ändert das auch nichts. Ich hab auch schon gedacht, dass es daran liegen könnte, dass zwischen den beiden DIVs ein Zeilenumbruch ist, aber selbst wenn ich die unmittelbar hintereinander schreibe bleibgt die Lücke im Internet Explorer da.
Ich hoffe mal, dass irgendwer noch kluge Ideen hat
)zu benutzen...
Moderator
Kommentar