/ 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
indholdsboks footer
Fra : Jan Rasmussen


Dato : 16-02-05 23:48

hej ng

Jeg har læst at man ikke bør tildele indholdsboksen en bredde "width" når
man betytteri et layout som det her
www.vejen-net.dk/~jr/

men derimod sætte topbar og footer til 100%, og floade menu og indholdsrude
"left"

Det skulle bevirke at siden vises bedre i andre skærm opløsninger.

så langt, så godt...

Men, jeg ville jo gerne have min indholdsrude centreret, da jeg synes det
ser fjollet ud når det står ovre i den ene side. og det kan jeg ikke få den
til...

jeg vil også gerne have footeren til at stå neders på siden, der kunne jeg
måske sætte en højd på min mainboks, men så går det vel galt når man kører
andre opløsninger.
er der en måde der kan flytte footeren ned i bunden af skærmen?

JR



 
 
Erik Ginnerskov (17-02-2005)
Kommentar
Fra : Erik Ginnerskov


Dato : 17-02-05 00:18

Jan Rasmussen wrote:

> Jeg har læst at man ikke bør tildele indholdsboksen en bredde "width"
> når man betytteri et layout som det her
> www.vejen-net.dk/~jr/
>
> Men, jeg ville jo gerne have min indholdsrude centreret, da jeg synes
> det ser fjollet ud når det står ovre i den ene side. og det kan jeg
> ikke få den til...

Er det det her, du leder efter:

http://hjemmesideskolen.dk/html/flyd.asp

> jeg vil også gerne have footeren til at stå neders på siden, der
> kunne jeg måske sætte en højd på min mainboks, men så går det vel
> galt når man kører andre opløsninger.

Ja det dur ikke, for du ved ikke, hvor høj din side er hos brugeren. Det har
intet med skærmopløsning at gøre men derimod bredden på browservinduet, der
ikke nødvendigvis er lig med skærmens fulde bredde.

Derfor skal du cleare footer, så den i alle tilfælde kommer under resten af
siden.

http://hjemmesideskolen.dk/html/testsider/float.asp#cle

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://ginnerskov.frac.dk



Jan Rasmussen (17-02-2005)
Kommentar
Fra : Jan Rasmussen


Dato : 17-02-05 01:12

"Erik Ginnerskov" <erik@donotspammmeplease.invalid> skrev i en meddelelse
news:4213d49e$0$29272$14726298@news.sunsite.dk...
>
> Er det det her, du leder efter:
>
> http://hjemmesideskolen.dk/html/flyd.asp
>
>
> Ja det dur ikke, for du ved ikke, hvor høj din side er hos brugeren. Det
> har
> intet med skærmopløsning at gøre men derimod bredden på browservinduet,
> der
> ikke nødvendigvis er lig med skærmens fulde bredde.
>
> Derfor skal du cleare footer, så den i alle tilfælde kommer under resten
> af
> siden.
>
> http://hjemmesideskolen.dk/html/testsider/float.asp#cle
>
> --
> Med venlig hilsen
> Erik Ginnerskov
> http://hjemmesideskolen.dk - http://html-faq.dk
> http://ginnerskov.frac.dk
>

hej Erik

Jeg har nu forsøgt at sætte begge margin til auto og det centrere boksen,
men breden fremkommer ikke, herefter har jeg forsøgt at sætte det som
følger:

#indhold{
width: 650px;
margin-left: 5px;
margin-right: auto;
border: 2px solid red;
padding-top:2%
text-align: center
}

men som du kan se på www.vejen-net.dk/~jr/

så benytter boksen slet ikke bredden selvom den tekst
der står skrevet er meget bredere end selve boksen.

Kunne jeg sætte bredden højere end de 650px?

Footeren har jeg skrvet som følger:

#footer{
clear: both;
position: relative;
bottom: 0px;
width:100%;
border: 2px solid red;
text-align: center
}

men det for ikke footeren ned i bunden af skærmen...

JR



Erik Ginnerskov (17-02-2005)
Kommentar
Fra : Erik Ginnerskov


Dato : 17-02-05 15:03

Jan Rasmussen wrote:

> Jeg har nu forsøgt at sætte begge margin til auto og det centrere
> boksen, men breden fremkommer ikke, herefter har jeg forsøgt at sætte
> det som følger:
>
> #indhold{
> width: 650px;
> margin-left: 5px;
> margin-right: auto;
> border: 2px solid red;
> padding-top:2%
> text-align: center
> }

Det går galt fordi:

1. Du har ikke sat margin-left:auto;
2. Du har ikke puttet hele sideindholdet ind i den centrerede boks
(topbar og footer skal med ind i
boksen).

> Footeren har jeg skrvet som følger:
>
> #footer{
> clear: both;
> position: relative;
> bottom: 0px;
> width:100%;
> border: 2px solid red;
> text-align: center
> }
>
> men det for ikke footeren ned i bunden af skærmen...

Nej, det sætter footer ned under det det længste af de ovenover værende
elementer. Er sidens indhold ikke langt nok, vil footer svæve oppe et sted i
browservinduet. Er siden længere end højden på vinduet, vil footeren først
komme frem, når der scrolles.

Skal du have footeren stående fast i bunden af vinduet (og topbaren i
toppen?), skal du have fat i denne side:

http://hjemmesideskolen.dk/html/fixed.asp

.... men så kan du ikke benytte teknikken i flyd.asp. Det er enten-eller.



Søg
Reklame
Statistik
Spørgsmål : 177559
Tips : 31968
Nyheder : 719565
Indlæg : 6408935
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste