28.03.2008, 17:22
|
|||
|
|||
Div´s positionieren....
Hi Zusammen,
ich hab folgendes Problem: Ich möchte die oberste Box (Box für Logo) zentriert und vom oberen Rand ca. 50px entfernt haben. Zentrieren funktioniert in den Browsern nur beim Abstand funktioniert das nicht. Beim IE wird die Seite korrekt angezeigt nur bei FF und OP ziehts mir den gesamten Inhalt, sprich den "Hauptcontainer" mit nach unten. Den Quelltext hab ich als Datei angehängt weil ich nicht wusste obs erlaubt is den QT direkt ins Fenster zu schreiben. Wo liegt der Fehler und wie behebe ich den??? Wie positioniert ihr eigtl. die Div´s?? Gibts da ne bestimme "Formel" wie man was wo anwendet oder bleibt das jedem selber überlassen. Danke..... Bye.... 
|
| Sponsored Links |
|
28.03.2008, 17:25
|
||||
|
||||
|
Zitat:
 Um eine Box/ ein Blockelement zu zentrieren gibst du ihm: Code:
#box {margin:0 auto; }
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ
|
| Sponsored Links |
|
28.03.2008, 22:00
|
|||
|
|||
|
Danke erstmal BlackHawk,
leider beantwortet das auch nicht meine frage. Wie man DIV´s zentriert weiß ich bereits hehe...was ich genauer wissen wollte ist---> Was muss ich machen das ich die BOX FÜR LOGO z.B 50px von oben verschieben kann? Wenn ich "margin 50px auto" benutz wird zwar das Div zentriert aber der Abstand stimmt nicht weils den gesamten HAUPTCONTAINER nach unten verschiebt. Ausser im IE da wirds richtig angezeigt. Bei FF und OP verschiebt sich alles. Ich hab mal den QT mitreinkopiert...evtl. krieg ich ja mehr Antworten  Danke.... <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> [/LEFT]<title>XXX</title> <style type="text/css" media="screen"> <!-- #Hauptcontainer { background-color: #333333; color: #CCCCCC; width: 100%; height: 1200px; margin: 0px auto; } #Inhalt { background-color: FF9900; color: #CCCCCC; width: 900px; height: 1200px; margin: 0px auto; } #Seitenelement { background-color: #0066FF; color: #CCCCCC; width: 60px; height: 1200px; float: left; margin-left: 0px; margin-bottom: 0px; } #BoxfürLogo { background-color: #996633; color: #CCCCCC; width: 700px; height: 80px; margin: 0px auto; text-align: center; } #BoxfürÜberschrift { background-color: #00FF00; color: #CCCCCC; width: 700px; height: 200px; margin: 60px auto; } --> </style> </head> <body> <div id="Hauptcontainer"> <div id="Inhalt"> <div id="Seitenelement"> </div> <div id="BoxfürLogo">Box für Logo </div> <div id="BoxfürÜberschrift"> <img src="Überschrift.jpg" alt="Kurzbeschreibung" /> </div> <div id="BoxfürFoto"> </div> <div id="BoxfürTexte"> </div> </div> </div> </body> </html>
|
|
28.03.2008, 22:10
|
||||
|
||||
|
Code:
#boxlogo {position:relative;
top:50px;
}
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ
|
 |
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| DIV´s richtig positionieren | k-f-r-123 | CSS | 2 | 28.12.2009 20:40 |
| 2 DIVS richtig positionieren | Pari | CSS | 0 | 13.06.2009 20:22 |
| Bild absolut positionieren (bottom) | ZuMe | CSS | 2 | 03.07.2008 08:14 |
| mit Link hinterlegte Grafik in Tabellenzelle absolut positionieren... | jhartlep | CSS | 0 | 01.11.2007 13:46 |
| layout - 4 div´s, angeordnet wie ein fenster? | Guybrush | CSS | 8 | 28.06.2007 17:29 |
Linear-Darstellung
