Gå til innhold

hele siden og meny vises ikke på netbook(frames)

Balrog11

Av Balrog11
i Programmering og webutvikling

Anbefalte innlegg

Balrog11

Balrog11

Skrevet
Skrevet (endret)

På min stasjonære ser meny og side helt fin ut, men når jeg ser på siden fra en netbook så ser jeg ikke menyen og bare halve siden sees. (halve bildet blir kuttet bort) Hva kan jeg gjøre for at det sees likt på alle maskiner? her er koden:

 

<body id="indexbody" >

 

 

<div id="header">

 

<h1> Margrethe Hauglie-Hanssen galleriside </h1>

 

<a href="galleri.html" title="Oversikt over malerier" accesskey="1" tabindex="1">Galleri/billedpresentasjon</a>

 

<a href="cv.html" title="CV for Margrethe Hauglie-Hanssen" accesskey="2" tabindex="2">Kunstnerens CV</a>

 

<a href="omtaler.html" title="Utdrag fra tidsskriftet Kunst For Alle" accesskey="3" tabindex="3">Omtaler</a>

</div>

 

 

<div id="contents">

<p><img src="sort_hv.jpg" alt="" width="383" height="650" /></p>

</div>

 

 

 

og csskode:

 

#header {

position : absolute;

top : 0;

left : 0;

width : 100%;

height : 8em;

overflow : auto;

text-align : center;

background : #fff;

font-size : 2em;

}

#contents {

position : fixed;

top : 15em;

left : 0;

bottom : 3em;

right : 0;

overflow : inherit;

background : #fff;

text-align : center;

}

Endret av Balrog11
Lenke til kommentar

Videoannonse

Videoannonse
Annonse
4588pkdkrikue5c

4588pkdkrikue5c

Skrevet
Skrevet

Det kan vere smart å lese litt om kva nettsida di gjer ja.

Med det sagt har eg generelt sett dårleg erfaring med såkalla liquid layout (arrester meg om eg nytter feil uttrykk no). Det å nytte prosent i plassen for piksler kan ofte få uventa resultater. Betre er det å bestemme seg for ei pixelbredde ein vil ha i plassen - med mindre ein har stålkontroll på kva ein gjer.

Lenke til kommentar
Bjonski

Bjonski

Skrevet
Skrevet

Det er ingen grunn til å absolutt posisjonere slike elementer som du gjør. Elementer som printes ut under hverandre har ingen nytte av posisjonering.

 

Vil også fraråde deg å bruke "em" som betegnelse for bredde/høyde. Piksler(px) er mye lettere å forholde seg til.

 

Prøv:

 

#header {
margin-top: 0px;
overflow: auto;
width : 100%;
height : 8em;
text-align : center;
font-size : 2em;
}
#contents {
overflow : inherit;
width: 100%
text-align : center;
}

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...