login  Naam:   Wachtwoord: 
Registreer je!
 Forum
Zoeken  Regels  Help
Categorieën > HTML & CSS

Bijzondere manier van DIV over andere DIV

JLT – 15/03/2010 14:06
Ik ga proberen het probleem uit te leggen, maar het wordt lastig.

Ik ben bezig met het stylen van een website m.b.v. div'jes en CSS. De basis zit allemaal in een container (850 pixels breed) welke gecentreerd staat op de pagina. Nu moet er één transparant divje over heen (dat is nog geen probleem), maar ik wil dat het DIV NIET ophoud na 850 pixels. Ik wil dat deze rechts 100% van het beeld vult (links moet dit juist niet).

Ik heb even een image geupload om het wat duidelijker te maken. Hopelijk kan iemand me even op weg helpen, want hier kom ik niet helemaal uit.

voorbeeld

Thanks!


Pagina:

18 antwoorden

Gesponsorde links
Daisycon - Verdien geld met uw website

Martijn – 15/03/2010 16:16
die transparante ook een vaste width geven, en je body op overflow: visible;?

vinTage – 15/03/2010 16:22
Die div moet je absolute positioneren, je container relative.

JLT – 15/03/2010 16:40
En dan valt de transparante div erover heen, maar ik wil deze juist geen vaste breedte mee geven, omdat ik hem rechts volledig het beeld wil laten vullen. Als ik hem, bv. 850 pixels, mee geef dan houd ie daarna op en ook krijg je een horizontale scrollbalk, wat ook niet zo mooi is.

Martijn – 15/03/2010 16:53
is het mogelijk om het in 2 delen te maken? Dan kun je een deel in je container maken, vaste grootte.

En dan omdat de rest variabel is, die ónder je container te zetten, width 50%; margin-left: de helft van je container, en dan top: 123px; right:0px;

Jelmerholland – 15/03/2010 19:43
Kan je niet gewoon de margin-right op -XXX zetten? Of zou dat niet werken? En ook de margin-left aanpassen natuurlijk -.-

Maar zou dat niet werken dan?

Martijn – 15/03/2010 20:48
nee, want XXX is onbepaald Hangt af van de schermgrootte

nick5556 – 15/03/2010 21:23
aantal procenten?

Jelmerholland – 15/03/2010 23:11
Maar ik bedoel te zeggen dat je 'm in een div zet, die geef je dan een margin van [minus]X, en daarin zet je dan weer een div.

Wordt een beetje omslachtig, maar mss dat het werkt?

En als je 'm nou is buiten je container zet, je geeft 'm jou gewenste horizontale positie, en breedte. En dan doe je margin-top op [minus]veel ?

besje – 16/03/2010 08:47
Je moet een div naast een div plaatsen en margin aanpassen:
bijvoorbeeld: margin-right: -20px;

Jelmerholland – 16/03/2010 16:08
@besje,
lees deze post is. 

Ik formuleerde het alleen wat anders 

Gesponsorde links


Pagina:

Dit onderwerp is gesloten.
Actieve forumberichten:

© 2002-2012 Sitemasters.be - Regels - Gehost door: Vircon - Laadtijd: 0.023s