/ 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
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" <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.

--
Med venlig hilsen
Erik Ginnerskov
http://www.hjemmesideskolen.dk - http://www.html-faq.dk
http://hjem.get2net.dk/sorgin



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

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

Månedens bedste
Årets bedste
Sidste års bedste