|
||||
height:auto; border nicht sichtbar
hi ihr lieben.
ich habe 2 anliegen, wofür ich eure hilfe brauche. wie kann ich dem border eines divs einen abstand zuweisen? ich möchte bei dieser website den grauen rahmen mit einem abstand von 2px zu der div box ansich setzen. padding und margin helfen mir nicht weiter. außerdem soll die website mittig des browsers sein, sprich das div mittig ausgerichtet werden, klappt auch ohne probleme, doch dann kann ich das div nicht zu null an den oberen rand des browser fenster setzen. dann rutscht es bis unter die adress-leiste. greetz imho
__________________
wissen ist gut können ist besser aber das interessante ist der weg dorthin. |
Sponsored Links |
|
|||
Du machst einen der häufigsten Anfängerfehler: Du positionierst alles absolut.
Nimm alle abs. Positionierungen weg. Verwende Float um Elemente nebeneinander zu stellen. FAQ Punkt 2 hilft. Dann erledigen sich deine Probleme. PS: Deine Seite ist nicht im geringsten zentriert. Sie hat einen Abstand von 140px von links.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Sponsored Links |
|
||||
Siehe auch FAQ.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) |
|
||||
Zitat:
die div-box. wie soll ich es sonst zentrieren? sorry, ich arbeite zum ersten mal mit floats. hier mein code: Code:
.div_box { position:absolute; left:140px; top: 0; height:auto; min-height: 800px; width:960px; border-left: thick solid #ccc; border-right: thick solid #ccc; border-bottom: thick solid #ccc; background-color: #FFFFFF; } .div_head { float: left; width: 960px; height: 206px; left: 0; top: 0px; background-color: #fff; border-bottom-width: 20px; border-bottom-style: solid; border-bottom-color: #4c6485; } #header { float: right; } #logo { float:left; margin-left: 20px; margin-top: 30px } .div_nav { float:left; clear: left; width: 230px; height: 374px; left: 0; top: 226px; background-color: #fff; } .div_main { float: right; width: 700px; height: 359px; left: 230px; top: 226px; padding-left: 15px; padding-top: 15px; padding-right: 15px; background-color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; }
__________________
wissen ist gut können ist besser aber das interessante ist der weg dorthin. |
|
||||
Hi,
Zitat:
Das klappt aber nicht bei position:absolute.
__________________
Ein mehrfacher Gruß aus dem Südosten Klaus |
|
|||
Davon ist unter deinem Link nichts zu sehen.
Zitat:
Feste Höhen funktionieren nicht im Web. Man weiß nie was der Besucher mit der Schrift macht. Horizontal zentriert wird mit margin:0 auto. Die Suchfunktion hilft. Wie immer gilt: Kauf dir ein Buch zum CSS-Lernen. Little Boxes ist geeignet.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
||||
ich habe ja vor, von der letzten absoluten wegzukommen.
aber ehrlich gesagt ist mir die umsetzung deiner lösung nicht klar. ist der aufbau denn sonst korrekt?
__________________
wissen ist gut können ist besser aber das interessante ist der weg dorthin. |
|
||||
den link habe ich auch nicht aktualisiert, daher der code.
ich möchte doch auch nur horizontal zentrieren. vertikal nicht, top soll 0 sein! bin ich. es liegt ausgedruckt neben mir und ich habe es mir durchgelesen, sonst wäre ich nicht so weit wie jetzt. danke Zitat:
dennoch wird bei height:auto der border nicht angezeigt und es liegt nicht oben am browserfenster an trotz top 0.
__________________
wissen ist gut können ist besser aber das interessante ist der weg dorthin. Geändert von imho (19.11.2008 um 18:19 Uhr) |
Sponsored Links |
|
|||
Und wir projizieren jetzt deine CSS-Schnipsel auf deinen Code, werfen den internen Browser an und wissen dann, zu welchen Ergebnis dieses Gedankengebilde führt?
Wenn du über deinen Code sprechen willst, dann aktualisier den Link! Zitat:
Zitat:
Zitat:
Lies nach, auf welche Art von Elementen die Eigenschaft top anwendbar ist.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken Geändert von fricca (19.11.2008 um 18:21 Uhr) |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Dynamische Größen | Killhunter | CSS | 0 | 14.05.2011 16:56 |
Problem mit einem 3D-Effekt | moep0710 | CSS | 12 | 12.06.2010 14:30 |
Untermenü im IE | nici | CSS | 10 | 22.06.2009 21:19 |
Wordpress: Content im Quelltext VOR allem anderen, aber wie? | Bichareh | CSS | 4 | 13.06.2009 16:15 |
*zefix* IHateBill, <tr> Hintergrundfarbe | Scheppertreiber | CSS | 17 | 30.05.2008 12:49 |