[xhtml/css] div naast elkaar weergeven

[Verwijderd]

Hallo,

Ik ben bezig met het maken van een site voor mijn weerstation.
Nu ben ik echt geen noob op het gebied van websites maken in xhtml en css maar met dit probleem loop ik al een paar dagen te klungelen en het wil maar niet lukken.
Ik heb al voorbeelden van internet gehaald met een soortgelijke opbouw maar steeds gaat het niet goed.
Nu er een paar experts naar kijken hoop ik dat het op te lossen is..

Probleem: Ik heb rechts een verticale balk zitten die ik wil laten doorlopen maar dit wil mij niet lukken. Ik zou het probleem makkelijk kunnen oplossen door de hele rambam in een tabel te drukken maar dit is nu eenmaal niet zo netjes.

Hieronder een plaatje van de website en wat ik bedoel:


Voor de testversie van de website met de code kun je hier klikken:
website
opmaak.css

Hopelijk kan iemand mij helpen...mijn dank is groot !!

[Woudloper]

Heb je al eens gekeken bij A List Apart en dan naar het artikel over Faux Columns. Dat artikel doet mij (in eerste instantie) sterk aan jouw probleem denken.

offtopic:
PS: dit topic moet natuurlijk bij de buurtjes (W&G) terrecht komen

[Verwijderd]

Het is inderdaad op te lossen door een background-image over de hele achtergrond-pagina te laten herhalen.
ik had de pagina ook al gezien
Ik vind dit alleen jammer om het zo op te lossen omdat het probleem van mij maar één klein simpel vertikaal balkje is..dat haast wel op één of andere manier te definiéren moet zijn en niet met een afbeelding op te lossen hoeft te worden.
Dit scheelt natuurlijk laadtijd naar mijn idee. toch?

toch bedankt!

[drm]

html, css e.d. (clientside rommel) hoort in Webdesign & Graphics

[Bartjuh]

is dat in css niet gewoon de z-index van de balk lager dan die van het plaatje zetten, als je de balk achter je plaatje wilt

[Thijsmans]

Mjah, die laadtijd zal wel meevallen Je achtergrondplaatje hoeft niet de hele pagina te beslaan, als het maar tot aan de zijkant van die balk komt



En hij hoeft in principe ook niet hoger te zijn dan 1 pixel. De rest van de bg zet je gewoon vast dmv. de background-color

/edit:
Overigens vind ik dat die balk nét iets te hard afsteekt van de kleur in het plaatje Ik zou iets meer richting blauw gaan.

[ Voor 17% gewijzigd door Thijsmans op 27-11-2004 13:13 ]

[Verwijderd]

Bedankt voor de reactie..

Ik denk dat ik heel dicht bij zit...

ik heb de hele tijd even zitten zoeken en kwam bij dit topic
[rml][ css/html] groeiende divjes[/rml]
Ik denk dat die hetzelfde probleem heeft..
De banner links op mijn website moet gewoon met de tekst die rechts staat mee gaan..

Mij lukt het alleen niet om dit voorbeeld bij mij werkend te krijgen

bekijk deze links maar van topic 780801:

niet werkend: http://www.risico.demon.nl/exp/voorbeeld2.html
wel werkend: http://www.risico.demon.nl/exp/test3.html

Ik denk dat ik het in deze richting moet zoeken

edit/ Whaha...en wat de kleur betreft...het is nog een lelijke testversie

[ Voor 14% gewijzigd door Verwijderd op 27-11-2004 14:12 ]

[Thijsmans]

Je bedoelt dat die streep mee moet rekken met de content? Zoals al eerder gezegd, dan moet je een achtergrond gebruiken voor de html of body-tag

code:

background-image: url(spef.gif);
background-repeat: repeat-y;
background-color: #bijnawit;

Dat heb ik ook @ deze site gedaan. De groene zijkant zit eigenlijk verwerkt in de achergrond

[Verwijderd]

Ok...bedankt voor de tips...

ik zal dan toch een repeatende-achtergrond erachter moeten zetten!
Het was mooi geweest als ik het had kunnen programeren en het zonder een plaatje had kunnen doen!
De kleur van de balk veranderd namelijk voortdurend, ik moet nu dus verschillende afbeeldingen maken...komst me veel tijd en het aanpassen is minder eenvoudig...

jammer...toch bedankt voor de tips