login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Bijzondere manier van DIV over andere DIV

Offline JLT - 15/03/2010 14:06
Avatar van JLTPHP interesse 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!

18 antwoorden

Gesponsorde links
Offline Martijn - 15/03/2010 16:16
Avatar van Martijn Crew PHP die transparante ook een vaste width geven, en je body op overflow: visible;?
Offline vinTage - 15/03/2010 16:22
Avatar van vinTage Nieuw lid Die div moet je absolute positioneren, je container relative.
Offline JLT - 15/03/2010 16:40
Avatar van JLT PHP interesse 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.
Offline Martijn - 15/03/2010 16:53
Avatar van Martijn Crew PHP 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;
Offline Jelmerholland - 15/03/2010 19:43
Avatar van Jelmerholland PHP beginner 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?
Offline Martijn - 15/03/2010 20:48
Avatar van Martijn Crew PHP nee, want XXX is onbepaald Hangt af van de schermgrootte
Offline nick5556 - 15/03/2010 21:23
Avatar van nick5556 PHP beginner aantal procenten?
Offline Jelmerholland - 15/03/2010 23:11
Avatar van Jelmerholland PHP beginner 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 ?
Offline besje - 16/03/2010 08:47
Avatar van besje Nieuw lid Je moet een div naast een div plaatsen en margin aanpassen:
bijvoorbeeld: margin-right: -20px;
Offline Jelmerholland - 16/03/2010 16:08
Avatar van Jelmerholland PHP beginner @besje,
lees deze post is. 

Ik formuleerde het alleen wat anders 
Offline JLT - 17/03/2010 10:57
Avatar van JLT PHP interesse Als eerste bedankt voor alle reacties. Wat ik nu heb gedaan:

- div gemaakt buiten m'n container deze heeft het volgende CSS script meegekregen:

background-color: <?php echo '#' . $fotos_vervolg_kleur ;?>; background-position: 150px 0; width: 1500px; height: 80px; margin-top: -587px; margin-left: 850px; opacity: 0.8; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);

- Daarna heb ik aan de body tag de horizontale scroll uitgezet. Zodat die lelijke scrollbar ook weg is.

Ik weet dat dit niet de beste oplossing is, maar het werk!

Iedereen bedankt voor de suggesties, tips enz...
Offline Ontani - 17/03/2010 11:05
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 Ik zou dit anders opgelost hebben.

Ipv transparantie toe te passen zou ik de achtergrond afbeelding waar de div over komt als achtergrond hebben ingesteld. Ook heb je nu een vaste breedte ingesteld, voor iemand met een groter scherm komt dit nog steeds niet zoals je het wilt hebben.
Offline JLT - 17/03/2010 11:21
Avatar van JLT PHP interesse Die transparantie komt van het vak daarnaast. Deze zit namelijk over een foto heen. En ik wil het divje daarnaast (waar we het de hele tijd over hebben) exact dezelfde kleur geven. Dus ook met 80% transparantie. De kleuren genereer ik via een PHP script. Een statische kleun in CSS is dus geen optie.

De balk heb ik 1500px lang gemaakt. Een knap scherm dat 850 px + 1500 px breed is Ik kan hem ook altijd nog op 2000 pixels zetten, de scrollbar onderin is toch al weg.
Offline Ontani - 17/03/2010 11:25
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 http://dl.dropbox.com/u/79192/knap_scherm.png
Offline JLT - 17/03/2010 11:30
Avatar van JLT PHP interesse Haha... jij bent dus de gene met een knap scherm  Zelf werk ik op een MacPro 2x quad core met een 23 inch (1920 x 1200), vandaar!

Maar de oplossing is vrij simpel. Ik heb de DIV nu 3500 pixels breed gemaakt, plus de 850 van de site zelf, moet genoeg zijn, toch?
Offline nick5556 - 17/03/2010 11:30
Avatar van nick5556 PHP beginner @Ontani

Heb je een 52" TV staan ofzo XD
Offline JLT - 17/03/2010 11:34
Avatar van JLT PHP interesse Je weet wat ze zeggen over mannen met grote scherme... Of was dat wat anders, in ieder geval mooi schermpje :-p
Offline nick5556 - 17/03/2010 11:45
Avatar van nick5556 PHP beginner @JLT:

De meest gebruikte resoluties zijn:
1024x768
en
1280x768 t/m 1024
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2026 Sitemasters.be - Regels - Laadtijd: 0.193s