login  Naam:   Wachtwoord: 
Registreer je!
 Forum

CSS-P Probleem (Opgelost)

Offline Ontani - 18/03/2005 11:28 (laatste wijziging 18/03/2005 11:28)
Avatar van OntaniGouden medailleGouden medailleGouden medailleGouden medaille

-1		 hey ik heb een probleem met men positionering van m'n divs.
ik moet een taak maken voor een les in school.
de kader total genoemd staat gecentreerd,relatief gepositioneer, heeft een witte achtergrond en is 700px breed.

de grote afbeelding en de tekst dernaast staan in 2 apparte divs
left en right

het probleem is dat de kader van m'n total niet rondom alles gaat.
het lijkt alsof de left en right divs niet eens in de total div zitten.

php code - Bekijk de code zonder highlighting - Klap code in 
  1. body {
  2. 	background-color: #CCCCCC;
  3. }
  4. #left {
  5. 	position: absolute;
  6. 	top: 0px;
  7. 	left: 0px;
  8. 	width: 60%;
  9. }
  10. #right {
  11. 	position: absolute;
  12. 	top: 0px;
  13. 	right: 0px;
  14. 	width: 40%;
  15. 	left: 60%;
  16. }
  17. #total {
  18. 	background-color: #FFFFFF;
  19. 	border: 1px solid #000000;
  20. 	width: 700px;
  21. 	margin-right: auto;
  22. 	margin-left: auto;
  23. 	position: relative;
  24. 	padding: 5px;
  25. }


voorbeeld kan je vinden op http://www.ontani.no-ip.com/ictopdracht/

4 antwoorden

Gesponsorde links
Offline Frisbee - 18/03/2005 11:44
Avatar van Frisbee HTML beginner dat komt omdat die een float hebben.. dan moet je er een div bij zetten met clear: both

dus zet onder in je totaal div:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div style="clear: both">&nbsp;</div>
Offline Ontani - 18/03/2005 13:53
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 ik wou da ik u gelijk kon geven, maar niets is minder waar.
lukt niet.

dit is't eindresultaat:

http://docweb.k...iguur1.jpg
Offline Sweepee - 20/03/2005 23:11 (laatste wijziging 20/03/2005 23:11)
Avatar van Sweepee HTML beginner Ontani, ik heb de taak volledig af en ze werkt in alle browsers waar ze moest in werken. Zó heb ik het opgelost:

#total de hoogte geven van de afbeelding (in #left dus) plus de padding en de border die je hebt ingesteld voor #total. Zo heb ik dus ook #right dezelfde hoogte gegeven als #left. Aangezien daar niet meer gaat inkomen als die ene tekst, kan da eigenlijk toch geen kwaad dat je deze hoogte een vaste instelling geeft.

Nu ja, zo heb ik het gedaan. Misschien zijn er nog meerdere oplossingen.

Ciao.
Offline Ontani - 21/03/2005 10:37
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 ja ik had et ondertussen ook opgelost.
ze relatief te zetten in plaats van absolute en breedte en hoogte ingegeven.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.172s