20.08.2011, 18:28:26
|
#1 (permalink) |
|
Erfahrener Benutzer
|
Probleme mit float
Hallo!
Ich habe Probleme mit zwei Div-Boxen. Ich will, dass der Header und der Footer die komplette Breite des Browsers ausnutzen. Zwischen den beiden sollen nebeneinander zwei Boxen sein, links das Menü, rechts der Content. Ich habe versucht, dies mit float: left zu lösen. Klappt im FF 5 ganz gut, wenn man sich jedoch die anderen Browser ansieht, ist bei allen Browsern die Contentbox unter der Menübox. Wo hab ich in meiner Divsuppe denn den Fehler?  Links HTML-Code CSS-Code Browser-Screenshots ICQ: 228-060-993 -  -  |
|
|
| Gesponsorte Links |
|
20.08.2011, 18:39:26
|
#2 (permalink) |
|
Programmierer
|
Versuch mal das als Deklaration:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> Bei falscher Deklaration springt vorallem der IE gerne in den Quirks-Modus. Lg |
|
|
|
|
20.08.2011, 18:43:46
|
#3 (permalink) |
|
Erfahrener Benutzer
|
Wenn das Browserfenster zu wenig breit ist, wird beim float das passieren, was du in den Bildern siehst.
Setze width (oder min-width) von #main. Dann sollte das problem nicht mehr exisiteren, da du dann genügend "Platz" hast. PS: Die Bilder kannst du gut durch CSS ersetzen (background-color, border, border-radius,...) Geändert von Moloc (20.08.2011 um 18:51:13 Uhr) |
|
|
|
|
20.08.2011, 19:55:24
|
#4 (permalink) |
|
Multitalent
|
Wenn du #rechts weglässt dürfte dieses Beispiel deinen Wünschen entsprechen.
|
|
|
|
|
20.08.2011, 21:32:41
|
#5 (permalink) | |
|
Erfahrener Benutzer
|
Zitat:
Es lag tatsächlich an der Breite. Ich hab den Contentbereich entsprechend verschmälert und die Boxen werden nun richtig nebeneinander dargestellt. ICQ: 228-060-993 - - |
|
|
|
 |
| Gesponsorte Links |
| Anzeige |
| Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1) | |
| Themen-Optionen | |
| Ansicht | |
Linear-Darstellung
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| [HTML/CSS] Wordpress float:left Problem | Geegle | Programmierung | 2 | 18.02.2010 07:00:47 |
| [PHP] String in float umwandeln | XadreS | Programmierung | 5 | 06.04.2009 07:48:22 |
| [HTML + CSS] Menustruktur / Float+Hintergrundbild | tkiela | Programmierung | 8 | 09.09.2008 16:37:44 |
| [Java] Float auf genau zwei Kommastellen runden.... | topfklao | Programmierung | 3 | 27.02.2008 16:19:19 |
| [CSS]Zu großer margin-Abstand im IE7 bei float: left. | glowhand | Programmierung | 9 | 29.07.2007 20:43:27 |
Alle Zeitangaben in WEZ +1. Es ist jetzt 18:14:05 Uhr.
