|
|||
Divs mittig in Browser zentrieren
Hallo zusammen,
mein Prob. ist das ich nicht weiß wie man ein Layout, unabhängig der Monitor Größe zentriert. Ich arbeite mit Dreamweaver, ich füge z.B. ein div von 800*600px ein und dort noch andere divs, für navi, header, text, ect.. Den ersten Div zu zentrieren ist kein prob., aber die anderen divs!? Den ersten div zentriere ich so: #apDiv1 { position:absolute; left:50%; top:50px; width:800px; height:600px; visibility:visible; margin-left:-400px; z-index:1; background-color: #CCCCCC; } Wie mache ich das jetzt, das die anderen "apDiv2,..3,..4ect. in dem ersten div drin bleiben? Vielen Dank im voraus. Gruß Olli |
Sponsored Links |
|
|||
Sorry, aber verstehe das nicht so ganz.
- nicht an Position, woran dann? - einen Div um die anderen? Habe ein div um die anderen herumgezogen und wenn ich den zentriere, bleiben die anderen auf positon!? Sorrx, aber bin anfänger, bitte um simple erklärungen...Danke. |
|
|||
aha, mit den divs glaube habe ich verstanden, meinst du das so:
<div id="apDiv4"> <div id="apDiv1"></div> <div id="apDiv2"></div> <div id="apDiv3"></div> </div> aber mit der Position ect.... |
|
|||
Danke für deine schnelle hilfe.
Ich hoffe ich bekomme das hin. Weiss zwar nicht genau wie du das mit dem margin ect. meinst, aber ich probier mal. Probieren geht ja bekanntlich über Studieren |
|
||||
hi...
das erste div könnte zum beispiel der content sein... diesen zentrierst du, indem du margin die werte 0 auto gibst. --> mit margin legst du den aussenabstand deines content fest. je nachdem, wie viele werte du angibst, ändert sich die reihen folge: margin: 0 auto; (oben und unten + rechts und links) margin: 0 auto 0; (oben + rechts und links + unten) margin: 0 auto 0 auto; (oben + rechts + unten + links) gibst du nun margin: 0 auto; gibst du dem entsprechendem div element einen "automatischen aussenabstand links und rechts und zentrierst somit"... der code für den content, in dem deine anderen divs enthalten sind, könnte dann z.b. so aussehen: #content{ width: 800px; height: 950px; margin: 0 auto; backgraound-color: #808080; } ...hoffe ich konnte dir weiter helfen. denke das meinte auch heiko. lg der rupper
__________________
Alles was man weiß, wird nur dann wertvoll wenn man es mit anderen teilt ... Geändert von Rupper (12.02.2008 um 07:51 Uhr) |
|
||||
Zitat:
Das ist zwar anfangs verlockend einfach, bringt dich aber nicht wirklich weiter, denn Dreamweaver fügt für jede "Ebene" ungefragt eine absolute Positionierung ein. Zitat:
1. Verstehen, wie CSS funktioniert, insbesondere so Begriffe wie Float, Positionierung, und (Document) Flow sind dabei wichtig. 2. Im Quelltext ("Code-Ansicht") arbeiten tut danach nicht mehr weh
__________________
HTML & CSS lernen: »Einstieg in CSS« + »Flexible Boxes« | CMS lernen: »Websites erstellen mit Contao« |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
DIV Layout mit CSS: Zentrieren eines Divs und links und rechts auffüllen. | darkwave | CSS | 5 | 07.04.2011 14:11 |
n Div's in eine Zeile | Mustangore | CSS | 9 | 20.08.2009 16:19 |
Divs zentrieren | Seraid | (X)HTML | 12 | 11.10.2007 12:46 |
div in tabele mittig zentrieren | blue_devil86 | CSS | 4 | 28.07.2007 13:12 |
In einem div, 2 divs mittig ausrichten | heohni | CSS | 1 | 20.07.2007 15:51 |