|
|||
container zentrieren
hallo
arbeite mit dreamweaver cs4 hab einen container in den mehrere divs eingebaut sind diesen möchte ich nun zentrieren eigentlich müsste das doch ganz einfach sein - ich krieg es aber nicht hin in css Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Unbenanntes Dokument</title> <style type="text/css"> <!-- --> </style> <link href="testen.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="container">Ein zentrierter Container??? "container" <div id="header">Raum für den Inhalt von id "header"</div> <div id="nav">Raum für den Inhalt von id "nav"</div> <div id="leftImageSide">Raum für den Inhalt von id "leftImageSide"</div> <div id="mainContent">Raum für den Inhalt von id "mainContent"</div> <div id="footer">Raum für den Inhalt von id "footer"</div> </div> </body> </html> vielen dank |
Sponsored Links |
|
|||
Üblicherweise werden Blockelemente über ihre seitlichen Margins und Inlineelemente über text-align zentriert.
Um beurteilen zu können, warum das in deinem Code nicht klappt, wäre es nett, wenn du auch noch deinen CSS-Code zeigen würdest. |
Sponsored Links |
|
|||
vielen dank
hier css Code:
#container { height: 768px; width: 1024px; float: left; } #header { float: left; height: 125px; width: 1024px; } #leftImageSide { float: left; height: 531px; width: 295px; } #mainContent { float: left; height: 531px; width: 729px; } #footer { float: left; height: 81px; width: 1024px; } #nav { float: left; height: 32px; width: 1024px; } |
|
||||
Ist kein Wunder, der #container hat kein "margin-left: auto; margin-right: auto" und dazu noch "float:left", was nach links gedrückt wird, kann nicht zentriert sein.
Versuchs mal so: Code:
#container { height: 768px; width: 1024px; margin-left: auto; margin-right: auto }
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ Geändert von Crizzo (24.05.2009 um 12:24 Uhr) |
|
||||
Weil "margin" eine CSS Eigenschaft ist und diese ganz einfach für alle Dateien geändert werden kann.
"align" ist ein veraltetes Element, welches im Quelltext stehen muss und somit gegen die Trennung von Design und Struktur verstößt, die man beim modernen Webdesign versucht umzusetzen.
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ |
|
||||
Deshalb ist es für Einsteiger hilfreich, wenn man ein brauchbares Buch liest, was einem diese Grundlagen strukturiert vermittelt.
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ |
|
|||
da hast du sicher recht
hab jetzt das gefunden und bin am üben Adobe Dreamweaver CS4 * Struktur des CSS-Seitenlayouts |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
grafik in container zentrieren | mjb | CSS | 11 | 25.04.2011 21:11 |
divs mit position:absolute zentrieren | Karas | CSS | 3 | 12.09.2009 20:05 |
h2 Überschrift innerhalb eines Container zentrieren | mase | CSS | 9 | 06.01.2009 23:37 |
Liste zentrieren; Container am Seitenende | nim | CSS | 13 | 25.11.2007 14:07 |
Container horiz. + vert. zentrieren, 2 eingeschlossene ab... | Jessix | CSS | 4 | 10.07.2004 16:15 |