|
|||
div neben zentriertem div positionieren
Hallo,
ich versuche rechts neben einem zentriertem div ein anderes div zu posionieren. Dabei soll: -das rechte div nicht wie das erste in der Seitenmitte zentriert werden --> es soll einfach zum rechten browserrand hin auslaufen Ich schaffe es nur das das zweite auch zentriert wird oder wie in dem Beispiel die Zentrierung des ersten div wegen dem float aufgehoben wird. Code:
<body> <div style="width:100px; height:100px; background-color:green; float:left; margin: 0 auto 0 auto; "></div> <div style=" height:100px; background-color:red;"></div> </body> während der rote rechts davon den Rest ausfüllt. bin auch für Alternativen offen vielen Dank, tramiz |
Sponsored Links |
|
|||
Hallo Tramiz
Das hier; "margin: 0 auto;" wäre richtig gemäss Spez aber der IE interpretiert das nicht richtig. (Resp. Modus-Abhängig) http://xhtmlforum.de/48554-erfahrung...in-0-auto.html Dieser Quirksmodus wird dann verwendet wenn du keine DocType angaben machst; "Alle modernen Browser richten den Darstellungsmodus nach der Dokumenttypdefinition (Doctype) im HTML-Quellcode. Fehlt die Doctype-Angabe, wird der Quirks-Modus verwendet." Quirks-Modus ? Wikipedia Probiers doch zuerst damit dann kannst du weitermachen... Vielleicht funzt es dann. |
Sponsored Links |
|
|||
Zitat:
Der IE > 5.5 untestützt den Wert "auto" für margin. Vorgängerversionen nicht. Zum Problem selbst kann ich leider keine Lösung bieten. |
|
|||
Zitat:
Geändert von regloh (06.04.2009 um 11:44 Uhr) |
|
|||
hallo nochmals
Ich hab eventuell ne Lösung, je nachdem was du unter "auslaufen" verstehst; HTML-Code:
<div style="width:50%;position:absolute;right:0px"> <div style="width:100px; height:100px; background-color:green;float:left"></div> <div style="height:100px; background-color:red;float:left;"><span>pseudo Inhalt</span> </div> <div> Mist, ist nicht das genau gleiche mit der "Zentrierung" wie mit dem margin auto Geändert von Lexodus (06.04.2009 um 12:31 Uhr) |
|
|||
Ah - gute Idee Nimm aber noch das "float: left;" in der rechten div raus und der rote Container läuft bis zum Rand.
Im IE ist dann noch der 3Pixel-Bug zu beachten. Geändert von regloh (06.04.2009 um 12:40 Uhr) |
|
|||
Auch ne gute Idee, hab ich übersehen (dachte das Div würde dann wieder den Zeilenumbruch machen, da ja aber links schon floatet macht es das nicht).
Kommt nun jetzt nur noch drauf an (wie im Edit von mir) ob das mit der "Zentrierung" in Ordnung geht. Mir ist erst später aufgefallen, dass es eigentlich nicht genau gleich ist wie margin 0 auto. |
Sponsored Links |
|
|||
@Regloh
Ich wollte jetzt eben sehen um wieviel es differiert (also von der Mitte) dazu habe ich folgenden Code gemacht; HTML-Code:
<div id="first" style="width:50%;position:absolute;right:0px"> <div style="width:100px; height:100px; background-color:green;float:left"></div> <div style="height:100px; background-color:red;">pesudo Inhalt</div> <div> <div id="second" style="width:100px; height:100px; background-color:green;margin:0 auto"></div> |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Fragen zu CSS und Joomla | DOKTOR | CSS | 2 | 23.05.2011 20:29 |
Brauche Hilfe: Schwarzes Nichts | Zwox | CSS | 10 | 19.11.2010 17:53 |
Header entfernen | tripple | CSS | 17 | 15.06.2010 16:41 |
Schriftfarbe in den Eintragungsfeldern von jforms | Steveislucky | CSS | 2 | 16.03.2010 11:59 |
CSS Text nebeinander? | carstiee09 | CSS | 13 | 13.11.2009 20:18 |