  |
| Autor |
Nachricht |
Genesis
Helfer [User]
Anmeldung: 09.04.04
Beiträge: 183
|
 Verfasst am: 26.12.2004, 15:58 Titel: Ausrichtung einer Box |
 |
|
Hallo,
ich stelle meine Webseite gerade auf CSS um und bin eigentlich ganz zufrieden. Leider ist z.B. auf  http://www.computerleben.net/proposal/kontakt.php der Menü-Kasten z.T. im grauen Außenbereich. Ich bekomme es einfach nicht hin, das der Hintergrund gezogen wird. Beim Inhalt geht das ohne Probleme. Ich denke, es liegt am Attribut postition, absolute:
| Code: | div.gesamt { height:100%;margin-left:20px; margin-right:20px; margin-top:20px;background-color:#ffffff; border-width:1px; border-color:#008FFE; border-style:ridge;}
#menu { position:absolute;top:170px; left:50px; width:100px; border-color:#000000; border-width:1px; border-style:solid;}
#text { height:100%;margin:20px 35px 35px 150px; } |
Kann mir da jemand helfen?
Gruß
Genesis
_________________
Computerleben.net | Mehr Tipps, Mehr Artikel, Mehr Informationen!
|
|
| Nach oben |
|
 |
Andreas Schroth
Bekannter [Admin]
Anmeldung: 08.04.04
Beiträge: 1667
Wohnort: Lauf a. d. ...
|
| Verfasst am: 26.12.2004, 17:04 Titel: |
|
|
Hallo,
versuchs doch Mal so:
| Code: | div.gesamt { height:700px;margin-left:20px; margin-right:20px; margin-top:20px;background-color:#ffffff; border-width:1px; border-color:#008FFE; border-style:ridge;}
#menu { position:absolute;top:170px; left:50px; width:100px; border-color:#000000; border-width:1px; border-style:solid;}
#text { height:100%;margin:20px 35px 35px 150px; } |
_________________
Computer-tipps.net / Forumprofi.de
Hier sind die Foren-Regeln zu finden.
|
|
| Nach oben |
|
|
Genesis
Helfer [User]
Anmeldung: 09.04.04
Beiträge: 183
|
| Verfasst am: 26.12.2004, 17:45 Titel: |
|
|
Hi Andi,
so geht das zwar, aber die Höhe ist dann ja fix, sie sollte sich dem Inhalt bzw. dem Menü anpassen, je nachdem was länger ist. Ich verstehe nicht, warum die Länge nach dem Inhalt, aber nicht nach dem Menü gerichtet wird
Gruß
genesis
_________________
Computerleben.net | Mehr Tipps, Mehr Artikel, Mehr Informationen!
|
|
| Nach oben |
|
|
Genesis
Helfer [User]
Anmeldung: 09.04.04
Beiträge: 183
|
|
| Nach oben |
|
|
Didi
User [User]
Anmeldung: 26.12.04
Beiträge: 10
Wohnort: Recklingha ...
|
| Verfasst am: 27.12.2004, 05:15 Titel: |
|
|
Hi, schreib in deine Inhalt Box zu den ganzen "magin" noch ein "margin:auto;"
für unseren schlauen IE verpasst du deinem Menü noch "float:left; dann sollte es gehen.
Sollte es noch nicht ganz passen , setz dein Menü nicht "absolut" sonder gebe die Abstände auch mit margin an..
Gruss Didi
_________________
Erst wenn die letzte Tankstelle geschlossen,
die letzte Bohrinsel versenkt der letzte Tropfen Sprit verbrannt sind,
werdet Ihr merken, daß man bei Greenpeace nachts kein Bier kaufen kann.
|
|
| Nach oben |
|
|
Genesis
Helfer [User]
Anmeldung: 09.04.04
Beiträge: 183
|
| Verfasst am: 28.12.2004, 12:11 Titel: |
|
|
Hi Didi,
dass sieht dann arg(!) komisch aus. Die Lösung von Andi wäre schon in Ordnung wenn der Firefox sie auch akzeptieren würde. Ist es nicht möglich, eine höhe von mindestens 350px - 100% anzugeben?
Gruß
Genesis
_________________
Computerleben.net | Mehr Tipps, Mehr Artikel, Mehr Informationen!
|
|
| Nach oben |
|
|
Brise
Stammuser [User]
Anmeldung: 27.10.04
Beiträge: 45
Wohnort: /dev/null
|
|
| Nach oben |
|
|
JörgK
Beliebter [Mod]
Anmeldung: 09.04.04
Beiträge: 376
|
| Verfasst am: 28.12.2004, 13:01 Titel: |
|
|
Wenn eine Box absolut positioniert ist, dann passt sie sich nicht der Elternbox an. Ich würde deswegen auch das position:absolute rausschmeißen, und stattdessen mit margin und float:left arbeiten, z.B. so:
| Code: |
#menu { margin:20px; width:100px; border-color:#000000; border-width:1px; border-style:solid; float:left; }
|
ganz am Ende braucht es dann noch eine Box innerhalb der Gesamtbox mit clear:left
| Code: |
<div class="center">© 2002-2004 ¤ Computerleben.net</div>
</div></div>
<div style="clear:left"></div>
</div>
</body>
</html>
|
_________________
Webnotizen - Forum für XHTML, CSS und SEO - Bookmarks
|
|
| Nach oben |
|
|
Genesis
Helfer [User]
Anmeldung: 09.04.04
Beiträge: 183
|
|
| Nach oben |
|
|
Didi
User [User]
Anmeldung: 26.12.04
Beiträge: 10
Wohnort: Recklingha ...
|
| Verfasst am: 30.12.2004, 18:20 Titel: |
|
|
Hi, vergrössere mal deinen Schriftgrad. Das liegt daran, das du die Navi immernoch nicht dynamisch gemacht hast. Dir fehlt immernoch ein "margin.auto;"
Gruss Didi
_________________
Erst wenn die letzte Tankstelle geschlossen,
die letzte Bohrinsel versenkt der letzte Tropfen Sprit verbrannt sind,
werdet Ihr merken, daß man bei Greenpeace nachts kein Bier kaufen kann.
|
|
| Nach oben |
|
|
Genesis
Helfer [User]
Anmeldung: 09.04.04
Beiträge: 183
|
|
| Nach oben |
|
|
Didi
User [User]
Anmeldung: 26.12.04
Beiträge: 10
Wohnort: Recklingha ...
|
| Verfasst am: 30.12.2004, 21:59 Titel: |
|
|
Hi, den Schrift grad vergrößern... musst du allerdings mit einem Standartkonformen Browser machen firefox zB . der IE nimmt deinen voreigestellten schriftgrad und du siehst den Fehler natürlich nicht. Im firefox zB wandern die Links dann aus deiner Box..weil sie sich nicht anpasst
Gruss didi
_________________
Erst wenn die letzte Tankstelle geschlossen,
die letzte Bohrinsel versenkt der letzte Tropfen Sprit verbrannt sind,
werdet Ihr merken, daß man bei Greenpeace nachts kein Bier kaufen kann.
|
|
| Nach oben |
|
|
|
|
