Container - header med 100% høyde

[dot_]

Jeg sliter med følgende: jeg får for mye tomrom; ønsket er at headeren min skal nå helt opp til container-borderen, slik at tomrommet forsvinner.

 

Skjult tekst: (Marker innholdet i feltet for å se teksten):

 

HTML:

 

<div id="container">

 

<p> <img src="header1.jpg" alt="header" /> </p>

 

CSS (ekstern):

 

#container { border: 2px solid black; width: 780px; padding: 20; margin: 0 auto;

margin-top: 15px; margin-bottom: 20px; overflow: hidden; background-color: #A9A15F;}

 

Endret 12. august 2006 av kidstar

[AKIRAx77]

Uhm...margin og padding gjør jo nettopp det det sier. Legger til marger og luft rundt container DIVen din. Har du testa hva som skjer når du setter alt av Padding og Margin til 0? Da får du kanskje ett annet problem med det visuelle..men prøv det og se om det løser noe av det.

 

AKIRA

[Svish]

og hvorfor har du header bildet i en p-tag? hadde det ikke vært greiere å ha det i en egen div?

<div id="header"></div>
<div id="containerfortingvidere">

</div>

css:
#header { width: 780px; height: høyden på bildet; background-image: url(header1.jpg); background-repeat: no-repeat; background-placement: center; }

mulig et par av css-greiene het no annet, men ja...

Endret 13. august 2006 av Tussi_qwerty

[qualbeen]

et annet tips er å legge til

*{ padding:0; margin:0; }

helt øverst i css-dokumentet. På den måten fjernes browser-spesifikke egenskaper

 

Om du så angir marin/padding for andre elementer senere i dokumentet vil disse gjelde innenfor denne div'en

[Kim T]

#container  { border: 2px solid black; width: 780px; padding: 20; margin: 0 auto;

margin-top: 15px; margin-bottom: 20px; overflow: hidden;  background-color: #A9A15F;}

 

6662153[/snapback]

 

 

Kan det jeg har uthevet være problemet?

[Svish]

hvis du ikke skal ha 20 padding så antar jeg det

[funkweb]

Hvis du har en div med fast bredde og legger til padding, må du huske på en ting.

Det totale bredde på den aktuelle div'en må da trekkes ifra padding, hvis ikke, vil div'en være bredere enn totale width.

[Kim T]

Sikker på at du ikke blander margin og padding her? Jeg mener da bestemt at padding er "innvendig" og margin er "utvendig" hvis du forstår...

[dot_]

Problemet er løst.

Endret 14. august 2006 av kidstar

[dot_]

Problemet er løst.

 

Takk karer.