zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden div neben zentriertem div positionieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 03.04.2009, 15:46
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 03.04.2009
Beiträge: 14
tramiz befindet sich auf einem aufstrebenden Ast
Standard 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>
also noch mal: der grüne Kasten soll seitenmittig positioniert werden
während der rote rechts davon den Rest ausfüllt.

bin auch für Alternativen offen

vielen Dank,
tramiz
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 06.04.2009, 11:07
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 11.03.2009
Beiträge: 104
Lexodus befindet sich auf einem aufstrebenden Ast
Standard

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.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 06.04.2009, 11:18
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 14.03.2007
Ort: Bad Schmiedeberg
Beiträge: 1.395
regloh wird schon bald berühmt werden
Standard

Zitat:
Das hier; "margin: 0 auto;" wäre richtig gemäss Spez aber der IE interpretiert das nicht richtig. (Resp. Modus-Abhängig)
Das hat nichts mit dem Quirks- oder Standard-Mode zu tun bzw. sollte der Browser immer im Standardmode sein.
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.
Mit Zitat antworten
  #4 (permalink)  
Alt 06.04.2009, 11:20
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 11.03.2009
Beiträge: 104
Lexodus befindet sich auf einem aufstrebenden Ast
Standard

Hmm also du kannst es ja mal probieren;

IE7 ohne Angabe (also quirks) Margin: 0 auto wird nicht interpretiert.
Mit Angabe schon.

@Edit
Zuerst stand da IE6 aber ich teste mit IE7
Mit Zitat antworten
  #5 (permalink)  
Alt 06.04.2009, 11:35
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 14.03.2007
Ort: Bad Schmiedeberg
Beiträge: 1.395
regloh wird schon bald berühmt werden
Standard

Zitat:
IE7 ohne Angabe (also quirks) Margin: 0 auto wird nicht interpretiert.
Wie gesagt. Da der Doctype Pflicht und der Quirksmode hier falsch ist, steht dieses Thema nicht zur Diskussion

Geändert von regloh (06.04.2009 um 11:44 Uhr)
Mit Zitat antworten
  #6 (permalink)  
Alt 06.04.2009, 11:36
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 11.03.2009
Beiträge: 104
Lexodus befindet sich auf einem aufstrebenden Ast
Standard

ah so meinst du
Mit Zitat antworten
  #7 (permalink)  
Alt 06.04.2009, 12:22
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 11.03.2009
Beiträge: 104
Lexodus befindet sich auf einem aufstrebenden Ast
Standard

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>
@Edit
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)
Mit Zitat antworten
  #8 (permalink)  
Alt 06.04.2009, 12:36
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 14.03.2007
Ort: Bad Schmiedeberg
Beiträge: 1.395
regloh wird schon bald berühmt werden
Standard

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)
Mit Zitat antworten
  #9 (permalink)  
Alt 06.04.2009, 12:39
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 11.03.2009
Beiträge: 104
Lexodus befindet sich auf einem aufstrebenden Ast
Standard

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.
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 06.04.2009, 12:45
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 11.03.2009
Beiträge: 104
Lexodus befindet sich auf einem aufstrebenden Ast
Standard

@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>
Jetzt zentriert sich der zweite Div aber bei mir im IE7 nicht mehr ohne den ersten aber schon. Mach ich da was falsch?
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:39 Uhr.