|
| Positionering med CSS Fra : Michael Elm Westerga~ |
Dato : 12-07-06 16:40 |
|
Hej!
Jeg har et problem, med positionering i CSS. Jeg er ved at
designe en hjemmeside i en skærmopløsning på 1024*1280, men får
jeg så ikke problemer hvis andre vil se den i deres opløsning f.
eks. 1224*768?
Jeg får ihvertfald problemer hvis den bliver vist i den
opløsning. Jeg har lagt mærke til, at alle ander hjemmesider, de
bliver vist fint i alle opløsninger. Er der noget jeg gør
forkert, når jeg f. eks. vil angive hvor menuen skal være på
siden, jeg angiver det i pixels. Og så får jeg problemet, hvis
brugere har en lavere opløsning, så bliver det rykket mere til
højre? er der noget jeg kan gøre ved det?
Mvh. Michael Westergaard.
--
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
| |
Jørgen Farum Jensen (12-07-2006)
| Kommentar Fra : Jørgen Farum Jensen |
Dato : 12-07-06 17:02 |
|
Michael Elm Westergaard wrote:
> Hej!
>
> Jeg har et problem, med positionering i CSS. Jeg er ved at
> designe en hjemmeside i en skærmopløsning på 1024*1280, men får
> jeg så ikke problemer hvis andre vil se den i deres opløsning f.
> eks. 1224*768?
Det ville hjælpe meget med et link til din side.
> Jeg får ihvertfald problemer hvis den bliver vist i den
> opløsning. Jeg har lagt mærke til, at alle ander hjemmesider, de
> bliver vist fint i alle opløsninger.
Og sådan skal det være.
--
Med venlig hilsen
Jørgen Farum Jensen
http://www.webdesign101.dk
..
| |
Michael Elm Westerga~ (12-07-2006)
| Kommentar Fra : Michael Elm Westerga~ |
Dato : 12-07-06 18:16 |
|
Michael Elm Westergaard wrote in dk.edb.internet.webdesign.html:
> Hej!
>
> Jeg har et problem, med positionering i CSS. Jeg er ved at
> designe en hjemmeside i en skærmopløsning på 1024*1280, men får
> jeg så ikke problemer hvis andre vil se den i deres opløsning
f.
> eks. 1224*768?
>
> Jeg får ihvertfald problemer hvis den bliver vist i den
> opløsning. Jeg har lagt mærke til, at alle ander hjemmesider,
de
> bliver vist fint i alle opløsninger. Er der noget jeg gør
> forkert, når jeg f. eks. vil angive hvor menuen skal være på
> siden, jeg angiver det i pixels. Og så får jeg problemet, hvis
> brugere har en lavere opløsning, så bliver det rykket mere til
> højre? er der noget jeg kan gøre ved det?
>
> Mvh. Michael Westergaard.
>
> --
> 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
Hej igen!
Ja undskyld her er linket: http://uwd.dk/mew
Jeg er ikke færdig med hjemmesiden,er kun ved at lave designet.
Som du kan se, bliver det hele rykket til højre, når det kører i
en anden opløsning.
--
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
| |
Ukendt (12-07-2006)
| Kommentar Fra : Ukendt |
Dato : 12-07-06 18:58 |
|
"Michael Elm Westergaard" <michael_westergaard@hotmail.com> skrev i en
meddelelse news:44b52e4c$0$15792$14726298@news.sunsite.dk...
> Michael Elm Westergaard wrote in dk.edb.internet.webdesign.html:
>> Hej!
>>
>> Jeg har et problem, med positionering i CSS. Jeg er ved at
>> designe en hjemmeside i en skærmopløsning på 1024*1280,
Hjemmesider skal ikke designes til en bestemt opløsning
>> Jeg får ihvertfald problemer hvis den bliver vist i den
>> opløsning. Jeg har lagt mærke til, at alle ander hjemmesider,
> de
>> bliver vist fint i alle opløsninger.
Netop fordi de er designet således at de tilpasser sig browservinudet. Vil
man absolut designe sin side med fastbredde skal man som minimum sørge for
siden kan vises i 800x600 uden vandret scroll
Er der noget jeg gør
>> forkert, når jeg f. eks. vil angive hvor menuen skal være på
>> siden, jeg angiver det i pixels. Og så får jeg problemet, hvis
>> brugere har en lavere opløsning, så bliver det rykket mere til
>> højre? er der noget jeg kan gøre ved det?
Indholdet på din side bliver ikke rykket mere til højre ved en lavere
vinduestørrelse. Du angiver i dit stylesheet at elementerne skal placeres x
antal pixel fra højre, og det retter browseren sig selvfølgelig efter.
Ønsker du en side med fast bredde bør du sørge for den i praksis ikke er
breddere end 770 pxiels. Du kan autocentrere siden så den altid såtr midt på
skærmen uanset opløsning
> Ja undskyld her er linket: http://uwd.dk/mew
Din side mangler også en doctype erklæring
--
Med venlig hilsen - Carsten Sørensen
Gode råd til webdesigneren - http://csnet.dk/html/
Nørholm Forsamlingshus - http://forshus.dk
| |
Michael Elm Westerga~ (12-07-2006)
| Kommentar Fra : Michael Elm Westerga~ |
Dato : 12-07-06 19:05 |
|
CS wrote in dk.edb.internet.webdesign.html:
> "Michael Elm Westergaard" <michael_westergaard@hotmail.com> skrev i en
> meddelelse news:44b52e4c$0$15792$14726298@news.sunsite.dk...
> > Michael Elm Westergaard wrote in dk.edb.internet.webdesign.html:
> >> Hej!
> >>
> >> Jeg har et problem, med positionering i CSS. Jeg er ved at
> >> designe en hjemmeside i en skærmopløsning på 1024*1280,
>
> Hjemmesider skal ikke designes til en bestemt opløsning
>
> >> Jeg får ihvertfald problemer hvis den bliver vist i den
> >> opløsning. Jeg har lagt mærke til, at alle ander hjemmesider,
> > de
> >> bliver vist fint i alle opløsninger.
>
> Netop fordi de er designet således at de tilpasser sig browservinudet. Vil
> man absolut designe sin side med fastbredde skal man som minimum sørge for
> siden kan vises i 800x600 uden vandret scroll
>
> Er der noget jeg gør
> >> forkert, når jeg f. eks. vil angive hvor menuen skal være på
> >> siden, jeg angiver det i pixels. Og så får jeg problemet, hvis
> >> brugere har en lavere opløsning, så bliver det rykket mere til
> >> højre? er der noget jeg kan gøre ved det?
>
> Indholdet på din side bliver ikke rykket mere til højre ved en lavere
> vinduestørrelse. Du angiver i dit stylesheet at elementerne skal placeres x
> antal pixel fra højre, og det retter browseren sig selvfølgelig efter.
> Ønsker du en side med fast bredde bør du sørge for den i praksis ikke er
> breddere end 770 pxiels. Du kan autocentrere siden så den altid såtr midt på
> skærmen uanset opløsning
>
> > Ja undskyld her er linket: http://uwd.dk/mew
>
> Din side mangler også en doctype erklæring
>
>
> --
> Med venlig hilsen - Carsten Sørensen
>
> Gode råd til webdesigneren - http://csnet.dk/html/
> Nørholm Forsamlingshus - http://forshus.dk
>
>
Hvordan autocentrerer jeg siden?
--
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
| |
Erik Ginnerskov (12-07-2006)
| Kommentar Fra : Erik Ginnerskov |
Dato : 12-07-06 23:42 |
| | |
Kent Friis (13-07-2006)
| Kommentar Fra : Kent Friis |
Dato : 13-07-06 19:09 |
|
Den Wed, 12 Jul 2006 19:57:49 +0200 skrev CS:
>
> Netop fordi de er designet således at de tilpasser sig browservinudet. Vil
> man absolut designe sin side med fastbredde skal man som minimum sørge for
> siden kan vises i 800x600 uden vandret scroll
Hvorfor 800x600? Mit browser-vindue er fx 580x400.
Fuld skærm? Det var da noget man gjorde dengang man kørte DOS.
Mvh
Kent
--
"So there I was surrounded by all these scary creatures
They were even scarier than what Microsoft call features"
- C64Mafia: Forbidden Forest (Don't Go Walking Slow).
| |
Ukendt (13-07-2006)
| Kommentar Fra : Ukendt |
Dato : 13-07-06 21:06 |
|
"Kent Friis" <nospam@nospam.invalid> skrev i en meddelelse
news:44b68c4a$0$15781$14726298@news.sunsite.dk...
> Den Wed, 12 Jul 2006 19:57:49 +0200 skrev CS:
>>
>> Netop fordi de er designet således at de tilpasser sig browservinudet.
>> Vil
>> man absolut designe sin side med fastbredde skal man som minimum sørge
>> for
>> siden kan vises i 800x600 uden vandret scroll
>
> Hvorfor 800x600? Mit browser-vindue er fx 580x400.
800x600 betragtes normalt som den laveste fællesnævner ud fra en betragtinng
om langt de fleste har adgang til en browserbredde på de 800 pixels, hvilket
i praksis betyder layouts med en bredde på omkring 770 pixels. Og her tænkes
selvfølgelig ikke på diverse handholdte enheder som i dag er i stand til at
vise internetsider. Til dette formål findes der mediatyper, som gør det
muligt at optimere til disse enheder.
Jeg anser dog i praksis layouts med en fleksibel bredde som værende nummer
et. Mange layouts kan bare særdeles vanskelige at lave med fleksibel bredde.
Af ren nysgerrighed. Under hvilke forhold har du ikke adgang til mere end
580v400?
--
Med venlig hilsen - Carsten Sørensen
Gode råd til webdesigneren - http://csnet.dk/html/
Nørholm Forsamlingshus - http://forshus.dk
| |
Kent Friis (13-07-2006)
| Kommentar Fra : Kent Friis |
Dato : 13-07-06 21:26 |
|
Den Thu, 13 Jul 2006 22:05:34 +0200 skrev CS:
>
> "Kent Friis" <nospam@nospam.invalid> skrev i en meddelelse
> news:44b68c4a$0$15781$14726298@news.sunsite.dk...
>> Den Wed, 12 Jul 2006 19:57:49 +0200 skrev CS:
>>>
>>> Netop fordi de er designet således at de tilpasser sig browservinudet.
>>> Vil
>>> man absolut designe sin side med fastbredde skal man som minimum sørge
>>> for
>>> siden kan vises i 800x600 uden vandret scroll
>>
>> Hvorfor 800x600? Mit browser-vindue er fx 580x400.
>
> 800x600 betragtes normalt som den laveste fællesnævner ud fra en betragtinng
> om langt de fleste har adgang til en browserbredde på de 800 pixels, hvilket
> i praksis betyder layouts med en bredde på omkring 770 pixels. Og her tænkes
> selvfølgelig ikke på diverse handholdte enheder som i dag er i stand til at
> vise internetsider. Til dette formål findes der mediatyper, som gør det
> muligt at optimere til disse enheder.
>
> Jeg anser dog i praksis layouts med en fleksibel bredde som værende nummer
> et. Mange layouts kan bare særdeles vanskelige at lave med fleksibel bredde.
>
> Af ren nysgerrighed. Under hvilke forhold har du ikke adgang til mere end
> 580v400?
På en ganske alm. 1024x768 skærm med fire vinduer på en gang.
(Min kommentar om at programmer i fuldskærm hører til DOS-tiden var
faktisk relateret dertil).
Derudover så synes jeg at mange sider der ser bedst ud i fuld
skærm faktisk er nemmere at læse i et mindre vindue, så linierne får
en mere normal længde.
Mvh
Kent
--
"So there I was surrounded by all these scary creatures
They were even scarier than what Microsoft call features"
- C64Mafia: Forbidden Forest (Don't Go Walking Slow).
| |
Ukendt (13-07-2006)
| Kommentar Fra : Ukendt |
Dato : 13-07-06 21:34 |
|
"Kent Friis" <nospam@nospam.invalid> skrev i en meddelelse
news:44b6ac43$0$15787$14726298@news.sunsite.dk...
>> Af ren nysgerrighed. Under hvilke forhold har du ikke adgang til mere end
>> 580v400?
>
> På en ganske alm. 1024x768 skærm med fire vinduer på en gang.
>
> (Min kommentar om at programmer i fuldskærm hører til DOS-tiden var
> faktisk relateret dertil).
Arh okay på den måde
> Derudover så synes jeg at mange sider der ser bedst ud i fuld
> skærm faktisk er nemmere at læse i et mindre vindue, så linierne får
> en mere normal længde.
Jep det er en stor fordel ved sider der er opbygget med fleksibel bredde.
Især ved større tekstmængder
--
Med venlig hilsen - Carsten Sørensen
Gode råd til webdesigneren - http://csnet.dk/html/
Nørholm Forsamlingshus - http://forshus.dk
| |
Kent Friis (13-07-2006)
| Kommentar Fra : Kent Friis |
Dato : 13-07-06 21:39 |
|
Den Thu, 13 Jul 2006 22:34:27 +0200 skrev CS:
>
> "Kent Friis" <nospam@nospam.invalid> skrev i en meddelelse
> news:44b6ac43$0$15787$14726298@news.sunsite.dk...
>
>>> Af ren nysgerrighed. Under hvilke forhold har du ikke adgang til mere end
>>> 580v400?
>>
>> På en ganske alm. 1024x768 skærm med fire vinduer på en gang.
>>
>> (Min kommentar om at programmer i fuldskærm hører til DOS-tiden var
>> faktisk relateret dertil).
>
> Arh okay på den måde
>
>> Derudover så synes jeg at mange sider der ser bedst ud i fuld
>> skærm faktisk er nemmere at læse i et mindre vindue, så linierne får
>> en mere normal længde.
>
> Jep det er en stor fordel ved sider der er opbygget med fleksibel bredde.
> Især ved større tekstmængder
Ikke kun med fleksibel bredde, der findes også mange sider hvor der
er så mange reklamer (og/eller menuer) i begge sider at et mindre
vindue alligevel er en fordel.
Så jeg har næsten altid min browser til at fylde cirka en fjerdedel
af skærmen. Billeder er næsten det eneste der har det bedst med at
bruge hele skærmbredden, tekst bør aldrig blive så lang.
Mvh
Kent
--
"So there I was surrounded by all these scary creatures
They were even scarier than what Microsoft call features"
- C64Mafia: Forbidden Forest (Don't Go Walking Slow).
| |
Kerim Ellentoft (12-07-2006)
| Kommentar Fra : Kerim Ellentoft |
Dato : 12-07-06 19:05 |
|
Michael Elm Westergaard skrev:
>Som du kan se, bliver det hele rykket til højre, når det kører i
>en anden opløsning.
Først ig fremmest, sørg altid for at ha' en doc type på siden.
Indsæt dette øverst på siden:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
" http://www.w3.org/TR/html4/loose.dtd">
Og grunden til at det »flytter« sig er at du bruger position:
absolute og så vil det jo altid blive vist i den afstand fra
browservinduets kan.
Baggrundsbilledet:
background-position: 240px center
Billedet:
#top {
margin-left: auto;
margin-right: auto;
margin-top: 190px
width: 800px;
}
PS. Vær rar at klippe i det, du svarer på, så du nøjes med at
citere det du direkte svarer på.
--
Kerim
Svar under det du citerer og citer kun det du svarer på - tak.
| |
Michael Elm Westerga~ (12-07-2006)
| Kommentar Fra : Michael Elm Westerga~ |
Dato : 12-07-06 19:26 |
|
>
> #top {
>
> margin-left: auto;
> margin-right: auto;
> margin-top: 190px
> width: 800px;
> }
>
>
Hvorfor er det jeg skal skrive width?
--
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
| |
Kerim Ellentoft (12-07-2006)
| Kommentar Fra : Kerim Ellentoft |
Dato : 12-07-06 19:31 |
|
Michael Elm Westergaard skrev:
>Hvorfor er det jeg skal skrive width?
Fordi den defaulte width på en <div> er 100%, så hvis du ikke
angiver en bredde så vil det være 100%, der bliver centreret (og
så vil man jo ikke se indholdet/billedet som centreret).
--
Kerim
Svar under det du citerer og citer kun det du svarer på - tak.
| |
Jørgen Farum Jensen (12-07-2006)
| Kommentar Fra : Jørgen Farum Jensen |
Dato : 12-07-06 19:22 |
|
Michael Elm Westergaard wrote:
> Hej igen!
>
> Ja undskyld her er linket: http://uwd.dk/mew
> Jeg er ikke færdig med hjemmesiden,er kun ved at lave designet.
> Som du kan se, bliver det hele rykket til højre, når det kører i
> en anden opløsning.
Det er jo ikke en hjemmeside, men to store
billeder, som du placerer absolut på siden.
Den menu, du skriver om, kan jeg ikke se nogen
steder i kildekoden.
Det korte af det lange er, at de to elementer
skal indsættes på siden efter hinanden i kilde-
koden, og derefter centreres:
img {
width:whatever;
margin:[top]px auto 0 auto;
}
--
Med venlig hilsen
Jørgen Farum Jensen
http://www.webdesign101.dk
..
| |
Erik Ginnerskov (12-07-2006)
| Kommentar Fra : Erik Ginnerskov |
Dato : 12-07-06 23:54 |
|
Michael Elm Westergaard wrote:
>> Jeg har et problem, med positionering i CSS. Jeg er ved at
>> designe en hjemmeside i en skærmopløsning på 1024*1280, men får
>> jeg så ikke problemer hvis andre vil se den i deres opløsning f.
>> eks. 1224*768?
> Ja undskyld her er linket: http://uwd.dk/mew
Det er et ualmindelig uheldigt design. Jeg har normalt min browser åbnet i
800×600px, men selv om jeg øger størrelsen til de 1024×769px, som min
sædvanlige skærmopløsning tillader, kan jeg kun se øverste halvdel af
billedet.
Det dur bare ikke. Put toppen ind i en div, som du centrerer i vinduet og
læg dit baggrundsbillede ind i denne div.
Giv så den centrerede div definitionen position:relative så du kan placere
indholdet i div'en i forhold til div'ens øverste venstre hjørne. Lige nu
virker dine placeringer i forhold til browservinduets øverste venstre
hjørne.
--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
http://html-faq.dk/
| |
Michael Elm Westerga~ (13-07-2006)
| Kommentar Fra : Michael Elm Westerga~ |
Dato : 13-07-06 15:48 |
|
Jeg takker for hjælpen.
--
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
| |
Michael Elm Westerga~ (13-07-2006)
| Kommentar Fra : Michael Elm Westerga~ |
Dato : 13-07-06 16:36 |
|
Kommer forresten i tanke om, hvordan skal jeg placere menuen, den
skal være i venstre side af baggrundsbilledet? Menuen er
inkluderet med PHP's include funktion, skal jeg så lave en <div>
om den lille php-kode, og så gøre det med margin i stylesheetet?
Fordi menuen vises i venstre side i 1024*1280, men ikke i f. eks.
1024*768.
--
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
| |
Kerim Ellentoft (13-07-2006)
| Kommentar Fra : Kerim Ellentoft |
Dato : 13-07-06 17:30 |
|
Michael Elm Westergaard skrev:
>Fordi menuen vises i venstre side i 1024*1280, men ikke i f. eks.
>1024*768.
Fordi du beder om at den bliver vist 308 pixels fra venstre og
det bliver den så uanset browservinduets størrelse.
Smid hele indholdet ind i en stor <div>, som du så centrerer med
margin: auto og med en angiven width.
#indhold {margin: auto; witdth: 800px}
Og så
<div id="indhold">
Hele sidens indhold
</div>
--
Kerim
Svar under det du citerer og citer kun det du svarer på - tak.
| |
Michael Elm Westerga~ (13-07-2006)
| Kommentar Fra : Michael Elm Westerga~ |
Dato : 13-07-06 18:02 |
|
Kerim Ellentoft wrote in dk.edb.internet.webdesign.html:
> Michael Elm Westergaard skrev:
>
> >Fordi menuen vises i venstre side i 1024*1280, men ikke i f. eks.
> >1024*768.
>
> Fordi du beder om at den bliver vist 308 pixels fra venstre og
> det bliver den så uanset browservinduets størrelse.
>
> Smid hele indholdet ind i en stor <div>, som du så centrerer med
> margin: auto og med en angiven width.
>
> #indhold {margin: auto; witdth: 800px}
>
> Og så
>
> <div id="indhold">
> Hele sidens indhold
> </div>
Og hvordan skal jeg så angive menuen?
--
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
| |
Kerim Ellentoft (13-07-2006)
| Kommentar Fra : Kerim Ellentoft |
Dato : 13-07-06 19:24 |
|
Michael Elm Westergaard skrev:
>Og hvordan skal jeg så angive menuen?
Den burde da komme på den rette plads af sig selv, når du bu
bruger en imagereadytabel til at lave det hele.
--
Kerim
Svar under det du citerer og citer kun det du svarer på - tak.
| |
|
|