zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Heightproblem in einem Child Div (Firefox 2)

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 18.09.2007, 10:51
Benutzerbild von SargoDarya
Programmierfreak
neuer user
Thread-Ersteller
 
Registriert seit: 18.09.2007
Ort: Greifenberg
Beiträge: 5
SargoDarya befindet sich auf einem aufstrebenden Ast
Standard Heightproblem in einem Child Div (Firefox 2)

Moin liebe Community,

bin jetzt gestern auf ein Problem im Firefox gestoßen und zwar habe ich versucht einen Div Container(#mainContent) der in einem anderen Div Container(#mainContainer) drin steckt einen Margin-top zu geben. Anstatt der innere Div Container den Rahmen oben bekommt, bekommt ihn der Hauptcontainer in dem alles drin ist.

Code:
<html>
<head>
<style type="text/css">
#mainContainer{
  width: 100%;
}
#mainContent{
  height: 200px;
  margin-top: 200px;
}
</style>
</head>
<body>
<div id="mainContainer">
    <div id="mainContent">Dies ist ein Testtext</div>
</div>
</body>
</html>
Normalerweise müsste mit dem Code der Content doch den Rahmen bekommen oder seh ich das irgendwie falsch? Wäre echt klasse wenn mir da jemand weiterhelfen und nen Tip geben könnte wie ich meinem inneren Container nen margin-top geben kann. Das fängt schon an mich verrückt zu machen T.T
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 18.09.2007, 12:10
Benutzerbild von etux
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 17.09.2007
Ort: Berlin
Beiträge: 643
etux wird schon bald berühmt werden
Standard

Hallo SargoDarya,

wenn im "mainContainer" noch was stehen würde, z.B.:

Code:
<div id="mainContainer">MainContainer
    <div id="mainContent">Dies ist ein Testtext</div>
</div>
dann funktioniert das.
Wenn es nichts weiter drin stehen sollte, gib dem "mainContainer" ein "padding":

Code:
#mainContainer{
	width: 100%;
	padding-top: 200px;
}
Dann nimmst Du "margin-top" für den "mainContent" weg.

Grüße: Emil
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 18.09.2007, 12:27
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 06.06.2006
Beiträge: 188
hubert17 befindet sich auf einem aufstrebenden Ast
Standard

welchen rahmen meinst du?

der cssviewer im ff gibt aus, das #mainContent ein margin-top von 200px hat, also alles wie es im quelltext steht.

rené
Mit Zitat antworten
  #4 (permalink)  
Alt 18.09.2007, 15:02
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Stich-/Suchwort zur Ursache: "collapsing margins".
Mit Zitat antworten
  #5 (permalink)  
Alt 18.09.2007, 15:28
Benutzerbild von SargoDarya
Programmierfreak
neuer user
Thread-Ersteller
 
Registriert seit: 18.09.2007
Ort: Greifenberg
Beiträge: 5
SargoDarya befindet sich auf einem aufstrebenden Ast
Daumen hoch Gelöst: Heightproblem in einem Child Div (Firefox 2)

Danke für die schnellen Antworten!

etux hatte mit seiner Aussage recht. Es muss wirklich etwas dazwischen stehen damit der da was zum greifen hat. Allerdings reicht auch nen einfaches nbsp.

GEHT NICHT:
Code:
<div id="mainContainer">
    <div id="mainContent">Dies ist ein Testtext</div>
</div>
GEHT EINWANDFREI
Code:
<div id="mainContainer">&nbsp;
    <div id="mainContent">Dies ist ein Testtext</div>
</div>
Vielen Dank für die Hinweise
Mit Zitat antworten
  #6 (permalink)  
Alt 18.09.2007, 15:32
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Sowas macht man aber nicht

Zitat:
Zitat von SargoDarya Beitrag anzeigen
Code:
<div id="mainContainer">&nbsp;
    <div id="mainContent">Dies ist ein Testtext</div>
</div>
Mit Zitat antworten
  #7 (permalink)  
Alt 18.09.2007, 15:34
Benutzerbild von SargoDarya
Programmierfreak
neuer user
Thread-Ersteller
 
Registriert seit: 18.09.2007
Ort: Greifenberg
Beiträge: 5
SargoDarya befindet sich auf einem aufstrebenden Ast
Standard

Wie wäre es dann deiner Meinung nach richtig gelöst? Validieren tuts auf jeden fall und den Zweck erfüllt es auch.
Mit Zitat antworten
  #8 (permalink)  
Alt 18.09.2007, 15:36
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Wurde ja bereits geschrieben: margin-top wird durch padding-top des Elternelementes ersetzt.
Mit Zitat antworten
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
Problem mit Parent / Child Div lemmyk CSS 0 04.03.2010 17:44
srollbarer div in td klappt nur im IE und Firefox? cute (X)HTML 10 14.10.2007 23:49
Div Problem im Firefox nobodynhio CSS 7 08.05.2007 16:17
Div Höhe und FireFox cavebird CSS 3 09.01.2005 15:06
html tabelle in div steht im firefox rechts neben div Holger (HMR) CSS 2 08.01.2005 19:45


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