login  Naam:   Wachtwoord: 
Registreer je!
 Forum

breedte header

Offline Yourgamecrew - 16/11/2011 10:20
Avatar van YourgamecrewLid hi,
Ik had ff een kort vraagje. Ik heb op mijn site een header van 1400x150 en die wordt op mijn scherm goed weergeven(1920x1200) maar als ik op school mijn site bekijk is de header enorm uitvergroot in de #header box. Dus was mijn vraag hoe ik ervoor zorg (in CSS) dat de header gewoon mee sized met de resolutie.

dit staat in mn CSS:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. .headerbar {
  2. background: #FFFFFF url("{/images/header_bg.png") no-repeat 50% 0;
  3. 	max-width: 1400px;
  4. 	height: 150px;
  5. 	color: #FFFFFF;
  6. 	margin: 0 auto;
  7. 	margin-bottom: 4px;
  8. 	min-width: 590px;
  9. }

5 antwoorden

Gesponsorde links
Offline larssy1 - 16/11/2011 10:45
Avatar van larssy1 MySQL beginner dit topic zou je moeten helpen:
http://forums.whirlpool.net.au/archive/735846
Offline Ontani - 16/11/2011 11:05
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 Een header aanpassen aan de grootte van de website zal niet lukken enkel met CSS.

Dus snap ik je probleem ook niet, je zegt dat je header "vergroot". Wat niet kan als je enkel de CSS gebruikt die je hierboven beschreven hebt.
Offline larssy1 - 16/11/2011 11:22
Avatar van larssy1 MySQL beginner Offtopic: Wat doet die 50% in die background?
Offline Ontani - 16/11/2011 11:28
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 background-position: left top;
Offline Pieter - 16/11/2011 13:27 (laatste wijziging 16/11/2011 14:05)
Avatar van Pieter Gouden medaille

SEO guru		 Background-size is een css oplossing die zonder javascript werkt. Natuurlijk is de support er niet voor elke browser.

http://www.css3.info/preview/background-size/

Verder moet je eens kijken naar wat je zoal "responsive" kan. Je zou iets in deze trend kunnen doen: voorbeeldje van de sima site header responsive... Veklein je browservenster. Kijk maar in de code hoe ik het gedaan heb.  
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.206s