---

Hej NG

Jeg har et problem... jeg er ved at lave www.kasperspez.dk .. og har et
lille problem.. det hele virkede flot i IE men så tjekkede jeg den lige i FF
og der hang den ovre i venstre side... så googlede jeg mig frem til det her:
http://html-faq.dk/2007.asp
så nu er den centreret, men jeg ik ikke få den ned midt på siden... altså
vertical-align: middle...

Har smidt den der

<div id="side"> </div> om hele min side og har følgende stylesheet:

body {
background: url('graphic/bg.jpg');
margin: 0;
width: 100%;
height: 100%;
text-align: center;
vertical-align: middle;
}


#side{
width:950px;
height: 600px;
margin: auto;
border: 3px;
}


burde det ikke at virke eller hvad gør jeg galt?

MVH

Peter Nielsen

---

Peter Nielsen skrev:

> Jeg har et problem... jeg er ved at lave www.kasperspez.dk .. og har et
> lille problem.. det hele virkede flot i IE men så tjekkede jeg den lige i FF
> og der hang den ovre i venstre side... så googlede jeg mig frem til det her:
> http://html-faq.dk/2007.asp
> så nu er den centreret, men jeg ik ikke få den ned midt på siden... altså
> vertical-align: middle...

Det kan ikke lade sig gøre.

Du har et andet problem. Jeg troede at dit baggrundsbillede
fyldte 10 MB så langsomt kommer det på plads. Jeg ved ikke
hvorfor, for dine billeder er ikke store.

--
Bertel
http://bertel.lundhansen.dk/      http://fiduso.dk/

---

>
> <div id="side"> </div> om hele min side og har følgende stylesheet:
>
> body {
> background: url('graphic/bg.jpg');
> margin: 0;
> width: 100%;
> height: 100%;
> text-align: center;
> vertical-align: middle;
> }
>
>
> #side{
> width:950px;
> height: 600px;
> margin: auto;
> border: 3px;
> }
>
>
> burde det ikke at virke eller hvad gør jeg galt?
>
vertical-align:; kan desværre kun bruges på tabeller.
Du kan selvfølgelig indkapsle hele siden i en:
<table>
<tr>
<td>hele hjemmesiden</td>
</tr>
</table>

og så med css: table td{vertical-align:middle;}

Men det er jo ikke den fede html ...

Med lidt avanceret css kan det lade sig gøre med <div>'s. Se et eks. her:
http://www.jakpsatweb.cz/css/css-vertical-center-solution.html


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials