[CSS] Variable div width

[vitrix]

Misschien is dit een stomme vraag.
Is het mogelijk om een div waarvan de width even breed is als de test en niet lang wordt dan 650px; ?

Ik heb een site gecentereed en dat werkt in alle browsers - IE FF opera
Maar mijn inhoudt wordt alleen in IE & FF gecenteerd maar niet in opera.

De site heb ik in de main div gezegt van hij is 800 breed en margin left en right is auto.
Dus dacht ik als ik een div met een variable width heb en maximaal 650px en margin auto.
Dan wordt de content ook gecentreerd.

dus is het mogelijk om een div de breedte te geven van de tekst?
In voorbaad dank

[KappuhH]

Cascading Stylesheet:

max-width: 650px;

[ Voor 5% gewijzigd door KappuhH op 02-06-2006 13:29 ]

[vitrix]

max height wist ik maar nu nog dat de div de breedte van de tekst aan neem.
Toch alvast bedank voor je antwoord m8.

[KappuhH]

Als je er geen breedte aan toevoegt past de div zich automatisch aan je tekst aan. Heb je ook even een linkje dan begrijp ik het misschien beter.

[vitrix]

een floating div in een div dat neem toch 100% breedte in?
www.hobbyplanet.nl/veiling

[KappuhH]

Als je er maar 1 in hebt staat wel ja. Als je er meerdere in zet zul je er minimaal 1 een vaste al dan niet maximale breedte mee moeten geven. Btw van die link kan ik ook nog weinig wijs worden.

[vitrix]

er zijn zeg maar 2 div's in 1 div 1 float links andere rechts
die links float heeft een width van 150 en de andere 650.

[KappuhH]

Ja en wat is nu nou het probleem dan nog? Die ene kun je toch een width geven van 150 en die andere van 650?

[vitrix]

In die van 650 wordt de tekst niet gecenteerd in opera
dus ik dacht als ik een div in die 650 plaats met een width van de tekst en maximaal dus 650.
DAn doe ik margin left & right auto dan wordt de tekst gecentreerd.

[remcotolsma]

Als je de linker en rechter margin's van de div'jes die binnen de #content div (die gecentreerd moeten worden) op 'auto' zet dan zou het toch wel gecentreerd moeten worden?

Dus bijvoorbeeld,

HTML:

<div id="content">
  <div class="test"></div>
</div>

Cascading Stylesheet:

#content
{
  text-align: center;
  width: 600px;
}

.test
{
  margin: 0 auto;
  width: 200px;
}

En waarom doe je die producten gedoe allemaal met div'jes? Dat is nou juist iets wat wel in een tabel kan en mag lijkt mij.

[ Voor 10% gewijzigd door remcotolsma op 02-06-2006 14:21 ]

[vitrix]

jah maar als de tekst of div binnen in die div groter wordt dan 200px
dan schiet het opeens naar rechts buiten de hoofd div
en jah dat doe ik ook in div's
ik doe ze in div's omdat ik het makkeljiker lees.
Maar het welkom plaatje wordt ook rechts gegooit.

Na het was leuk als er een oplossing was.
Maar als het goed is zullen de meeste mensen ie gebruiken en anders ff die op de site komen.

[ Voor 64% gewijzigd door vitrix op 02-06-2006 14:42 ]

[remcotolsma]

Dan zorg je er toch voor dat er niet div'jes breder als 200px (of een andere waarde) binnen die div zitten?

offtopic:

vitrix schreef op vrijdag 02 juni 2006 @ 14:22:
ik doe ze in div's omdat ik het makkeljiker lees.

Mensen die blind zijn of een tekstbrowser gebruiken zullen er dan niet veel van snappen. Dan staat al die producten een beetje debiel onder mekaar:

Producten:
Naam:
Omschrijving:
Prijs:
Bekeken:
Le Suh pakket
50 Le Suh vellen
€ 12.50
5

Als je hiervoor echt geen tabellen wil gebruiken dan zou ik het op z'n minst nog beetje indelen met behulp van wat <h*> en <p> tags.

[ Voor 18% gewijzigd door remcotolsma op 02-06-2006 18:28 ]