|
| centrer sider med css position Fra : Otto |
Dato : 26-04-03 10:49 |
|
Hej derude
Jeg har et website hvor jeg har brugt css-position , og droppet tabellerne.
Det er jeg meget tilfreds med.
der er blot ét problem.
Hvordan kan jeg centrere mine classes ?
jeg bruger
position:absolute;
top:10px;
left:25px;
for at sikre mig at hele siden ses i 800*600 , men vil gerne have at siderne
centreres i opløsning 1200*800 etc
Håber I forstår hvad jeg mener
se f.eks http://www31.brinkster.com/leholt/default.asp
hilsen otto
--
_______________________________________________
Link database: http://www3.brinkster.com/otto/web-links/
_______________________________________________
Otto Leholt - Baggesensgade 19 , 2200 N , Copenhagen
tlf 3537 4928 mobil: 2232 9110
_______________________________________________
| |
Lasse Reichstein Nie~ (26-04-2003)
| Kommentar Fra : Lasse Reichstein Nie~ |
Dato : 26-04-03 11:24 |
|
"Otto" <leholt@worldonline.dk> writes:
> Hvordan kan jeg centrere mine classes ?
Det er altså elementerne der skal centreres :)
> jeg bruger
> position:absolute;
> top:10px;
> left:25px;
> for at sikre mig at hele siden ses i 800*600 , men vil gerne have at siderne
> centreres i opløsning 1200*800 etc
Prøv at se om det her link hjælper:
<URL: http://www.infimum.dk/HTML/center.html#hmarginauto>
*Jeg* holder på at godt design tilpasser sig browserens størrelse :)
/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
Art D'HTML: <URL: http://www.infimum.dk/HTML/randomArtSplit.html>
'Faith without judgement merely degrades the spirit divine.'
| |
Olav Noksagt (27-04-2003)
| Kommentar Fra : Olav Noksagt |
Dato : 27-04-03 11:20 |
|
Lasse Reichstein Nielsen:
> *Jeg* holder på at godt design tilpasser sig browserens størrelse :)
Hej
Det hører jeg tit - men jeg synes altså det er et problem at tekstområder er
fleksible. Man risikerer at en tekst der er meget læsevenlig i 800 x 600
bliver meget læseUvenlig i større skærme, fordi læse-linien pludselig øges
med 400 pixels - altså nogen gange fordoblet.
Typisk i gamle hjemmesider hvor der overhovedet ikke er tekst/menuer i
siderne, men kun ren rå læsetekst i fuld bredde, oplever man en regulær
ulæselighed når siden pludselig bliver 1200 pixel bred.
Hvordan undgår du det?
Olav
| |
Andreas Haugstrup Pe~ (27-04-2003)
| Kommentar Fra : Andreas Haugstrup Pe~ |
Dato : 27-04-03 11:47 |
|
Olav Noksagt <noksagt_fjerndette@hotmail.com> wrote in
news:BAD17B7D.B240%noksagt_fjerndette@hotmail.com:
> Typisk i gamle hjemmesider hvor der overhovedet ikke er tekst/menuer i
> siderne, men kun ren rå læsetekst i fuld bredde, oplever man en regulær
> ulæselighed når siden pludselig bliver 1200 pixel bred.
>
> Hvordan undgår du det?
Du tager fat i browseren nederste højre hjørne og laver vinduet smallere.
--
Andreas
< http://www.solitude.dk>
| |
Leonard (27-04-2003)
| Kommentar Fra : Leonard |
Dato : 27-04-03 12:17 |
|
Andreas Haugstrup Pedersen <usenet@solitude.dk> wrote:
>> Hvordan undgår du det?
>
>Du tager fat i browseren nederste højre hjørne og laver vinduet smallere.
Netop, det lader du brugeren om at gøre noget ved, for det er brugeren
der ved bedst, hvordan det læses bedst.
--
med venlig hilsen
Leonard - http://leonard.dk/
| |
Lasse Reichstein Nie~ (27-04-2003)
| Kommentar Fra : Lasse Reichstein Nie~ |
Dato : 27-04-03 12:25 |
|
Olav Noksagt <noksagt_fjerndette@hotmail.com> writes:
[meget brede tekster]
> Hvordan undgår du det?
Man kan evt. bruge CSS-egenskaben max-width. Den er dog, som så meget andet,
ikke forstået af Internet Explorer. De gør det ikke nemt at lave sider.
/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
Art D'HTML: <URL: http://www.infimum.dk/HTML/randomArtSplit.html>
'Faith without judgement merely degrades the spirit divine.'
| |
Storm (30-04-2003)
| Kommentar Fra : Storm |
Dato : 30-04-03 20:02 |
|
Lasse Reichstein Nielsen <lrn@hotpop.com> wrote:
> Prøv at se om det her link hjælper:
> <URL: http://www.infimum.dk/HTML/center.html#hmarginauto>
Jeg har en baggrundsgrafik på 760 pixels som jeg gerne vil centrere i
browservinduet. Kan jeg bruge:
position: absolute; left:50%; margin-left: -380px?
Og kan jeg give en baggrundsfarve til området udenfor de 760 pixels?
--
Venlig hilsen Nina Storm
| |
Knud Gert Ellentoft (30-04-2003)
| Kommentar Fra : Knud Gert Ellentoft |
Dato : 30-04-03 21:50 |
|
Ninzen@ofir.dk (Storm) skrev :
>Jeg har en baggrundsgrafik på 760 pixels som jeg gerne vil centrere i
>browservinduet. Kan jeg bruge:
>position: absolute; left:50%; margin-left: -380px?
Et baggrundsbillede kan meget nemt centreres på siden med css.
background: transparent url(bg.gif) 50% 50% no-repeat fixed
--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.
| |
Storm (10-05-2003)
| Kommentar Fra : Storm |
Dato : 10-05-03 22:27 |
|
Knud Gert Ellentoft <knudgert@mail.tele.dk> wrote:
> Ninzen@ofir.dk (Storm) skrev :
>
> >Jeg har en baggrundsgrafik på 760 pixels som jeg gerne vil centrere i
> >browservinduet. Kan jeg bruge:
> >position: absolute; left:50%; margin-left: -380px?
>
> Et baggrundsbillede kan meget nemt centreres på siden med css.
>
> background: transparent url(bg.gif) 50% 50% no-repeat fixed
Tak for det. Det fungerer fint.
Hvordan giver man baggrunden uden om en farve men ingen (eller en anden)
baggrundsfarve på selve siden? Skal det (for body) ligge i et
baggrundsbillede?
--
Venlig hilsen Nina Storm
| |
Knud Gert Ellentoft (10-05-2003)
| Kommentar Fra : Knud Gert Ellentoft |
Dato : 10-05-03 22:50 |
|
Ninzen@ofir.dk (Storm) skrev :
>> background: transparent url(bg.gif) 50% 50% no-repeat fixed
>
>Tak for det. Det fungerer fint.
>Hvordan giver man baggrunden uden om en farve men ingen (eller en anden)
>baggrundsfarve på selve siden? Skal det (for body) ligge i et
>baggrundsbillede?
Hvis du vil have at der f.eks. er en farvet baggrund uden om
baggrundsbillede på 50px, så vil det være nemmest at lave i et
grafikprogram og så lade det være en del af billedet, ellers skal
du placere baggrundsbilledet i en div, som du så centrerer,
hvilket måske kan give problemer i eneklte browsere.
--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.
| |
Storm (11-05-2003)
| Kommentar Fra : Storm |
Dato : 11-05-03 09:05 |
|
Knud Gert Ellentoft <knudgert@mail.tele.dk> wrote:
> Ninzen@ofir.dk (Storm) skrev :
>
> >> background: transparent url(bg.gif) 50% 50% no-repeat fixed
> >
> >Tak for det. Det fungerer fint.
> >Hvordan giver man baggrunden uden om en farve men ingen (eller en anden)
> >baggrundsfarve på selve siden? Skal det (for body) ligge i et
> >baggrundsbillede?
>
> Hvis du vil have at der f.eks. er en farvet baggrund uden om
> baggrundsbillede på 50px, så vil det være nemmest at lave i et
> grafikprogram og så lade det være en del af billedet,
Men så forsvinder fleksibiliteten i forhold til browservinduet... hvis
det hele ligger i et baggrundsbillede med en fast bredde.
Baggrundsbilledet indeholder kun streger der er vigtige i forhold til
sidens inddelling.
> ellers skal
> du placere baggrundsbilledet i en div, som du så centrerer,
> hvilket måske kan give problemer i eneklte browsere.
Ja, hvis det ikke respekteres i IE 5 må jeg finde på noget andet.
Men jeg studerer lige Eriks link.
--
Venlig hilsen Nina Storm
| |
Storm (12-05-2003)
| Kommentar Fra : Storm |
Dato : 12-05-03 21:54 |
|
Knud Gert Ellentoft <knudgert@mail.tele.dk> wrote:
> Ninzen@ofir.dk (Storm) skrev :
>
> >> background: transparent url(bg.gif) 50% 50% no-repeat fixed
> >
> >Tak for det. Det fungerer fint.
> >Hvordan giver man baggrunden uden om en farve men ingen (eller en anden)
> >baggrundsfarve på selve siden? Skal det (for body) ligge i et
> >baggrundsbillede?
>
> Hvis du vil have at der f.eks. er en farvet baggrund uden om
> baggrundsbillede på 50px, så vil det være nemmest at lave i et
> grafikprogram og så lade det være en del af billedet,
Tak, det fungerer fint. Undskyld jeg var lidt tung
--
Venlig hilsen Nina Storm
| |
Erik Ginnerskov (11-05-2003)
| Kommentar Fra : Erik Ginnerskov |
Dato : 11-05-03 00:08 |
| | |
Storm (11-05-2003)
| Kommentar Fra : Storm |
Dato : 11-05-03 09:05 |
|
Erik Ginnerskov <egin@SPAMKILLoncable.dk> wrote:
> "Storm" <Ninzen@ofir.dk> skrev
> > Hvordan giver man baggrunden uden om en farve men ingen (eller en anden)
> > baggrundsfarve på selve siden? Skal det (for body) ligge i et
> > baggrundsbillede?
>
> Du behøver ikke et baggrundsbillede for at opnå den effekt. Du skal bare i
> css definere én baggrundsfarve på body og derefter lægge alt sideindhold ind
> i en div, som du giver en anden baggrundsfarve.
>
> Du kan se det forklaret på http://www.hjemmesideskolen.dk/html/flyd.asp. Der
> er link til demosider fra den side.
Tak, jeg studerer det nærmere. Det er vel faktisk samme problematik som
spørgsmålet om ovenfor om absolut placering, og så er det måske kun
NN4.X der ikke understøtter div helt?
Ud over det har jeg et andet forståelses-problem, .side - hvor kaldes
det i det første eksemplel?
Der hvor der står:
<div class="minus"><div class="indhold"> falder jeg af - jeg ville tro
det skulle hedde:
<div class="side"><div class="indhold">
Har du et tip til hvad <div class="minus"> gør, og hvor er den
defineret???
--
Venlig hilsen Nina Storm
| |
Erik Ginnerskov (11-05-2003)
| Kommentar Fra : Erik Ginnerskov |
Dato : 11-05-03 15:51 |
|
"Storm" <Ninzen@ofir.dk> skrev
> >
> > Du behøver ikke et baggrundsbillede for at opnå den effekt. Du skal bare
i
> > css definere én baggrundsfarve på body og derefter lægge alt sideindhold
ind
> > i en div, som du giver en anden baggrundsfarve.
> >
> > Du kan se det forklaret på http://www.hjemmesideskolen.dk/html/flyd.asp.
Der
> > er link til demosider fra den side.
>
> Tak, jeg studerer det nærmere. Det er vel faktisk samme problematik som
> spørgsmålet om ovenfor om absolut placering, og så er det måske kun
> NN4.X der ikke understøtter div helt?
>
> Ud over det har jeg et andet forståelses-problem, .side - hvor kaldes
> det i det første eksemplel?
[klip]
> Har du et tip til hvad <div class="minus"> gør, og hvor er den
> defineret???
<div class="minus"> hedder sådan på grund af måden, hvorpå den er blevet
placeret: 50% inde på bredden og derefter minus halvdelen af div'ens bredde
(inklusive bredden på border).
I det andet eksempel, du refererer til, er der sat en fast bredde på <div
class="side"> og derefter automatisk tilpasning af margin til højre og
venstre.
Det er blot to forskellige måder at lave det samme på.
--
Med venlig hilsen
Erik Ginnerskov
http://www.hjemmesideskolen.dk - http://www.html-faq.dk
http://hjem.get2net.dk/sorgin
| |
Storm (12-05-2003)
| Kommentar Fra : Storm |
Dato : 12-05-03 21:54 |
|
Erik Ginnerskov <egin@SPAMKILLoncable.dk> wrote:
> <div class="minus"> hedder sådan på grund af måden, hvorpå den er blevet
> placeret: 50% inde på bredden og derefter minus halvdelen af div'ens bredde
> (inklusive bredden på border).
>
> I det andet eksempel, du refererer til, er der sat en fast bredde på <div
> class="side"> og derefter automatisk tilpasning af margin til højre og
> venstre.
>
> Det er blot to forskellige måder at lave det samme på.
Tak fint - jeg fik vist blandet kildekoden i demoerne i de to eksempler.
--
Venlig hilsen Nina Storm
| |
Martin Sveegaard (26-04-2003)
| Kommentar Fra : Martin Sveegaard |
Dato : 26-04-03 15:05 |
|
On Sat, 26 Apr 2003 11:49:11 +0200, "Otto" <leholt@worldonline.dk>
wrote:
>for at sikre mig at hele siden ses i 800*600 , men vil gerne have at siderne
>centreres i opløsning 1200*800 etc
b8dire$np2$1@sunsite.dk
MVH Martin S
| |
|
|