zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden floatende Div-Boxen alles zentrieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 30.04.2005, 16:11
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.04.2005
Beiträge: 13
leenie280980 befindet sich auf einem aufstrebenden Ast
Standard floatende Div-Boxen alles zentrieren

Hallöchen,

hab ein CSS-Problem und bin für jeden Lösungsansatz dankbar.
Folgender Quellcode:

Code:
<div style="float:left;height:250px;margin-right:3%;width:100px;">Textbox</div>
[img]Bild[/img]
<div style="float:left;height:250px;margin-left:3%;width:100px">Textbox</div>
<p style="clear:left"></p>


normaler Text</p>
Ich habe eine Textbox links, ein Bild in der Mitte und eine Textbox rechts.
Nun ist mein Problem, dass das ganze nicht zentriert wird, egal ob mit normal <center> noch mit einer Außenbox <div style:text-align="center">.
Wie löse ich das am besten?

lg Leenie
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 30.04.2005, 16:23
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 23.03.2005
Beiträge: 1.032
Swoop befindet sich auf einem aufstrebenden Ast
Standard

mach mal ein div um alles drum rum und gib dem margin: 0px auto; und fürn ie text-align: center; im body...
__________________
Shibby.....

Mein Blog
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 30.04.2005, 16:25
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.04.2005
Beiträge: 13
leenie280980 befindet sich auf einem aufstrebenden Ast
Standard

huhu swoop,

danke für die schnelle antwort, aber funktioniert nicht hab jetzt vor der ersten box

Code:
<div style="margin:0px auto;text-align: center;">
und hinter der letzten box das div geschlossen, keine chance ich verzweifel hier noch, sitze seit 3h an der seite
Mit Zitat antworten
  #4 (permalink)  
Alt 30.04.2005, 16:26
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard Re: floatende Div-Boxen alles zentrieren

Zitat:
Zitat von leenie280980
Ich habe eine Textbox links, ein Bild in der Mitte und eine Textbox rechts.
Eine Box um alles rum, mit fester Breite (hier mit ID #wrapper). Im CSS:
body {text-align:center} /*für IE im Quirks-Modus*/
#wrapper {width:500px; margin:0 auto;}

Zitat:
Nun ist mein Problem, dass das ganze nicht zentriert wird, egal ob mit normal <center> noch mit einer Außenbox <div style:text-align="center">.
Wie löse ich das am besten?
<center> ist nicht "normal", sondern veraltet.
Und eine Inline-Stylesheet-Definition müsste so aussehen:
<div style="text-align:center">

Grüße
fricca
Mit Zitat antworten
  #5 (permalink)  
Alt 30.04.2005, 16:26
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 23.03.2005
Beiträge: 1.032
Swoop befindet sich auf einem aufstrebenden Ast
Standard

zeig mal bitte die seite, also lad bitte mal hoch..
__________________
Shibby.....

Mein Blog
Mit Zitat antworten
  #6 (permalink)  
Alt 30.04.2005, 16:29
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von leenie280980
Code:
<div style="margin:0px auto;text-align: center;">
Das text-align:center braucht der body bzw. das Elternelement.
Und die Box braucht eine Breitenangabe!
Mit Zitat antworten
  #7 (permalink)  
Alt 30.04.2005, 17:07
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.04.2005
Beiträge: 13
leenie280980 befindet sich auf einem aufstrebenden Ast
Standard Re: floatende Div-Boxen alles zentrieren

Zitat:
Zitat von fricca
Eine Box um alles rum, mit fester Breite (hier mit ID #wrapper). Im CSS:body {text-align:center} /*für IE im Quirks-Modus*/
#wrapper {width:500px; margin:0 auto;}
hm feste breite in px hab ich schon probiert, das geht, aber ich hätte gern ne Prozentangabe, wieso funktioniert das eigentlich nicht, z.B. wenn ich width 95% mache z.B. das will einfach nicht funzen

Zitat:
Zitat von fricca
Und eine Inline-Stylesheet-Definition müsste so aussehen:
<div style="text-align:center">
das ist klar hatte mich oben vertippt

lg leenie
Mit Zitat antworten
  #8 (permalink)  
Alt 30.04.2005, 17:23
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard Re: floatende Div-Boxen alles zentrieren

Zitat:
Zitat von leenie280980
hm feste breite in px hab ich schon probiert, das geht, aber ich hätte gern ne Prozentangabe, wieso funktioniert das eigentlich nicht, z.B. wenn ich width 95% mache z.B. das will einfach nicht funzen
Auch Prozentangaben sind ein feste Breite, das geht genauso.
Nur eine Box mit 95% Breite zentrieren...?
Da genügt doch z.B.
body {padding:0 2.5%}
Mit Zitat antworten
  #9 (permalink)  
Alt 30.04.2005, 18:22
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.04.2005
Beiträge: 13
leenie280980 befindet sich auf einem aufstrebenden Ast
Standard

ja genau, so hab ich die sache noch agr ni gesehn, will nämlich n bissl platz zum rand lassen
also ich teste das ma

bedanke mich nochmals

lg
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 30.04.2005, 19:51
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.04.2005
Beiträge: 13
leenie280980 befindet sich auf einem aufstrebenden Ast
Standard

Hallo ich nochmal,

also ich hab das jetzt gestestet, irgendwie funzt das trotzdem nich, die div-boxen werden einfach nicht zentriert: hier der link zur Seite:

http://ca_team.ca.funpic.de/wir.htm

lg leenie
Mit Zitat antworten
Sponsored Links
Antwort


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 19:29
Brauche Hilfe: Schwarzes Nichts Zwox CSS 10 19.11.2010 16:53
Header entfernen tripple CSS 17 15.06.2010 15:41
Schriftfarbe in den Eintragungsfeldern von jforms Steveislucky CSS 2 16.03.2010 10:59
CSS Text nebeinander? carstiee09 CSS 13 13.11.2009 19:18


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:01 Uhr.