/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Vertical align i FF
Fra : Peter Nielsen


Dato : 16-08-06 14:35

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



 
 
Bertel Lund Hansen (16-08-2006)
Kommentar
Fra : Bertel Lund Hansen


Dato : 16-08-06 15:25

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/

Ronni (21-08-2006)
Kommentar
Fra : Ronni


Dato : 21-08-06 10:37


>
> <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

Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408847
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste