zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Großer Leeraum zwischen header und index

Antwort
 
LinkBack Themen-Optionen Ansicht
  #21 (permalink)  
Alt 27.09.2012, 20:59
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.09.2012
Beiträge: 45
benbalthasar befindet sich auf einem aufstrebenden Ast
Standard

Ok, gerade wollte ich das auch schreiben, das ich das gelesen hatte

Muss ich jetzt den margin Abstand auch von der Breite abziehen? Weil dann wird die Box ja kleiner und zerschiest das Layout.
Oder muss ich das nicht abziehen wenn ich nur für gelb links ein margin und für grün rechts ein margin mache?

Geändert von benbalthasar (27.09.2012 um 21:08 Uhr)
Mit Zitat antworten
Sponsored Links
  #22 (permalink)  
Alt 27.09.2012, 21:10
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 benbalthasar Beitrag anzeigen
Muss ich jetzt den margin Abstand auc von der Breite abziehen?
Kommt darauf an, was du erreichen willst.
Du wirst es sicher schaffen, deine Breiten und Abstände so auszurechnen, dass es deinen Wünschen entspricht.

Zitat:
Weil sonst kollapieren die Boxen ja am Ende, oder?
Nur vertikale Margins kollabieren.
Aber wahrscheinlich meinst du etwas ganz anderes.

Zitat:
Oder wäre padding besser?
Das kommt darauf an, bei welchem Element du was erreichen willst.
Padding ist kein Außenabstand.

Dieses ganze Rumgerede hat wenig Zweck. Bitte erstell dir Testcases und erarbeite dir das Zusammenspiel von width, padding, border, margin.
Wenn du das jetzt nicht schaffst, dann mach bitte eine Pause. Das Verständnis fürs Boxmodel ist absolut essentiell, wenn du mit CSS arbeiten willst.

Ich verabschiede mich jetzt, für einen "Chat" hab ich keine Zeit.
Mit Zitat antworten
Sponsored Links
  #23 (permalink)  
Alt 27.09.2012, 21:25
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.09.2012
Beiträge: 45
benbalthasar befindet sich auf einem aufstrebenden Ast
Standard

Das Zusammenspiel von width, border, und padding hab ich verstanden. Das was mir nicht klar war, ob ich margin auch abziehen muss, weil sich daduruch ja alles verschiebt.
Mache ich nur margin left und right dann passt mein Design ja, ich wollte nur eben wissen ob dies so kompatibel für css ist.

Vlt. hast ja noch einen speziellen Link wo ich das noch nachlesen kann. Das mit dem Boxmodell bei little boxes hab ich ja verstanden. Nur eben nicht wie das margin bei den breiten angaben rein passt.
Mit Zitat antworten
  #24 (permalink)  
Alt 27.09.2012, 21:34
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

Margin ist auch ein Bestandteil des Box-Models. Lies es nach! Du hast es noch immer nicht verstanden.

Zitat:
Mache ich nur margin left und right dann passt mein Design ja, ich wollte nur eben wissen ob dies so kompatibel für css ist.
Solche Sätze ergeben keinen Sinn.
Es geht nicht um irgendwelche Kompatibilitäten, sondern darum, die Prinzipien von CSS zu verstehen und so anzuwenden, dass es dem jeweiligen Vorhaben entspricht.

Geändert von fricca (27.09.2012 um 21:37 Uhr)
Mit Zitat antworten
  #25 (permalink)  
Alt 27.09.2012, 23:32
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.09.2012
Beiträge: 45
benbalthasar befindet sich auf einem aufstrebenden Ast
Standard

Hab ja gelernt das man die padding, border von width abziehen muss. Wenn ich da aber auch noch margin mit abziehe wird das div zu klein.
Habe ich aber nur margin left für den linken div und margin right für den rechten div angegeben passt es ja.

Habe nochmals nachgelesen, aber so richtig habe ich es immer noch nicht geblickt warum ich das margin jetzt nicht abziehe und alles passt.
Mit Zitat antworten
  #26 (permalink)  
Alt 28.09.2012, 00:03
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 benbalthasar Beitrag anzeigen
Hab ja gelernt das man die padding, border von width abziehen muss.
Nein. Hör bitte auf, so zu denken. width ist nur die Inhaltsbreite.
Die Formel lautet: Gesamtbreite = width + padding + border + margin
Wenn du also eine Gesamtbreite von 600px haben wollen würdest, dann müsstest du alle die genannten Eigenschaften zu 600px aufaddieren.
Das willst du aber doch nicht. Du willst eine Gesamtbreite von 670px.
edit: Ich beziehe mich auf das Element #inhalt und das, was ich auf deiner Online-Version gerade gesehen habe.

Geändert von fricca (28.09.2012 um 00:10 Uhr)
Mit Zitat antworten
  #27 (permalink)  
Alt 28.09.2012, 00:21
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.09.2012
Beiträge: 45
benbalthasar befindet sich auf einem aufstrebenden Ast
Standard

Ja soweit habe ich das auch verstanden. Ka. ob wir gerade aneiander vorbei reden.
Habe gerade eben mal die Seite neu hochgestellt wie ich es derzeit habe.

Da habe ich es ja so gemacht wie du beschreibst.

Inhalt hat width: 600px; margin-left: 70px;, macht eine Gesamtbreite von 670px. So will ich es derzeit.
Mit Zitat antworten
  #28 (permalink)  
Alt 28.09.2012, 00:26
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

Und warum verstehst du dann nicht, dass du den margin nicht von den 600px abziehen musst?
Mit Zitat antworten
  #29 (permalink)  
Alt 28.09.2012, 00:31
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.09.2012
Beiträge: 45
benbalthasar befindet sich auf einem aufstrebenden Ast
Standard

Doch das habe ich verstanden. Denke mal, da es schon spät ist, habe ich nicht mehr alle Gedanken richtig beisammen. Und es vlt. auch bisschen blöd geschrieben.

Das mit dem margin abziehen hat sich bei mir ja eigentlich nicht daran gerichtet das ich diesen von den 600px abziehen wollte, sondern ich meinte damit ja, das ich ihn von den 670px "Ausgangsbreite" abziehen muss.
Mit Zitat antworten
Sponsored Links
  #30 (permalink)  
Alt 28.09.2012, 00:40
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 benbalthasar Beitrag anzeigen
Das mit dem margin abziehen hat sich bei mir ja eigentlich nicht daran gerichtet das ich diesen von den 600px abziehen wollte, sondern ich meinte damit ja, das ich ihn von den 670px "Ausgangsbreite" abziehen muss.
Du schreibst aber davon, dass du von width abziehen musst. Und das ist eben falsch. Siehe oben.
Wenn du etwas anderes meinst als du schreibst, ist wohl endgültig zu spät. Gute Nacht.
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
Zu großer Abstand zwischen divs im IE6,7 denniz CSS 4 19.04.2009 19:59
header verrutscht... weblearner CSS 6 03.12.2008 20:34
Abstand zwischen Header und Content! pepsi (X)HTML 2 30.08.2007 03:37
Lücke zwischen divs im Header MoRpH2k2 CSS 7 09.08.2006 16:32


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