zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden 2 Zweierblöcke untereinander?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 12.11.2007, 16:15
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.06.2007
Beiträge: 8
jawbox befindet sich auf einem aufstrebenden Ast
Standard 2 Zweierblöcke untereinander?

Hallo,

ich habe ein Peoblem mit einem Layout. Vielleicht kann mir jemand helfen:

Ich möchte zwei Blöcke untereinander erstellen, die jeweils zwei divs enthalten:

Das steht im HTML-Dokumenet:

Code:
<div id="container">
  <div id="obenlinks">Test</div>
  <div id="obenrechts"> Test </div>
  <div id="untenlinks"> Test </div>
  <div id="untenrechts"> Test </div>
</div>
Und das steht im CSS:

Code:
#container {
	background-color: #cc0000;
	width: 910px;
	margin:auto;
	padding: 0px;
}

#obenlinks {
	width: 430px;
	float: left;
	margin-left: 25px;
}

#obenrechts {
	width: 430px;
	float: right;
	margin-right: 25px;
}

#untenlinks {
	width: 380px;
	background-color: #FFFFFF;
	padding: 25px;
	margin-bottom: 25px;
	margin-left: 25px;
	float: left;
}

#untenrechts {
	width: 380px;
	background-color: #FFFFFF;
	padding: 25px;
	margin-right: 25px;
	margin-bottom: 25px;
	float: right;
}
Aber der letzte Container "untenrechts" steht nicht rechts neben dem Container "untenlinks". Woran liegt das bloß?
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 14.11.2007, 22:56
Benutzerbild von Crizzo
der mit dem Editor kämpft
XHTMLforum-Kenner
 
Registriert seit: 17.10.2006
Ort: Ost-Hessen
Beiträge: 4.828
Crizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer Mensch
Standard

Für die beiden unteren Container ist nicht genug Platz vorhanden. Du hast Fehler im "Boxmodell". Infos dazu: Cascading Style Sheets { Grundlegendes : Box-Modell }
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen!
Foren-FAQ
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 21.11.2007, 12:43
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.06.2007
Beiträge: 8
jawbox befindet sich auf einem aufstrebenden Ast
Standard

Verstehe ich nicht:

2 Boxen je 380 = 760
2 Padding je 50 = 100
2 Margin je 25 = 50

Macht insgesamt 910 Pixel. Wieso ist dann nicht genug Platz?
Mit Zitat antworten
  #4 (permalink)  
Alt 21.11.2007, 12:49
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

In welchem Browser testest du?
IE6: IE Doubled Float-Margin Bug - CSS fixes and workarounds

Bitte poste immer vollständigen Code (Doctype!). Siehe auch: http://xhtmlforum.de/40080-f-r-frage...twortende.html
Mit Zitat antworten
  #5 (permalink)  
Alt 21.11.2007, 12:53
Benutzerbild von Crizzo
der mit dem Editor kämpft
XHTMLforum-Kenner
 
Registriert seit: 17.10.2006
Ort: Ost-Hessen
Beiträge: 4.828
Crizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer Mensch
Standard

Ich habe es mal durch den Firefox gejagt. Dort wird es ohne Problem und scheinbar richtig angezeigt. Voraus gesetzt man macht daraus ein richtiges Dokument und sorgt dafür, dass sich #container auch ausdehnt bzw. mitwächst.
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen!
Foren-FAQ
Mit Zitat antworten
  #6 (permalink)  
Alt 21.11.2007, 13:04
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.06.2007
Beiträge: 8
jawbox befindet sich auf einem aufstrebenden Ast
Standard

Bei mir ist es Safari. Habe jetzt um die Container "oben" und "unten" noch einen neuen Container gesetzt. So klappt es!
Mit Zitat antworten
  #7 (permalink)  
Alt 21.11.2007, 13:06
Benutzerbild von Crizzo
der mit dem Editor kämpft
XHTMLforum-Kenner
 
Registriert seit: 17.10.2006
Ort: Ost-Hessen
Beiträge: 4.828
Crizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer Mensch
Standard

Ist aber überflüssig! Du solltest dir mal FAQ Punkt 2: http://xhtmlforum.de/40267-faq-h-ufi...ragen-und.html durchlesen und für den IE nach "Double-Margin-Float-Bug" "googlen". Dann findest du deine Lösung.

Aber dazu hat fricca schon etwas gesagt, lies seinen Beitrag nochmal!
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen!
Foren-FAQ
Mit Zitat antworten
  #8 (permalink)  
Alt 21.11.2007, 13:41
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von jawbox Beitrag anzeigen
Bei mir ist es Safari.
Welche Version?
Mit Zitat antworten
  #9 (permalink)  
Alt 21.11.2007, 15:11
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.06.2007
Beiträge: 8
jawbox befindet sich auf einem aufstrebenden Ast
Standard

Das war wohl noch die 2er. Mein Problem: Ich habe seit gestern Safari 3.0. Kann also nicht mehr nachvollziehen, welche Version es genau war.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
div-Container ordentlich untereinander anordnen? tomnovo CSS 7 15.05.2010 10:57
Boxen nebeneinander untereinander Muckelfloh CSS 1 14.12.2009 19:56
Text genau untereinander [ASTERIX] CSS 2 22.03.2009 18:16
3 Divs (untereinander) parallel mit 3 Divs (untereinander) SimonK. CSS 16 19.02.2009 09:56
Navigation untereinander 8joerghauke8 CSS 18 02.08.2006 19:10


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:51 Uhr.