|
|
 | DIV i midten
Fra : Thrane |
Dato : 23-10-06 14:36 |
|
Hej
Hvordan kan jeg få en DIV til at placere sig relativt i forhold til en
tabel?
Jeg har fået det til at virke horisontalt, men kan ikke få det til at virke
vertikalt...
Nogle forslag/løsninger?
/Thrane
| |
 Thrane (23-10-2006)
| Kommentar
Fra : Thrane |
Dato : 23-10-06 14:57 |
|
"Thrane" <kyskoen@stofanet.dk> wrote in message
news:453cc59f$0$3528$edfadb0f@dread11.news.tele.dk...
> Hej
>
> Hvordan kan jeg få en DIV til at placere sig relativt i forhold til en
> tabel?
> Jeg har fået det til at virke horisontalt, men kan ikke få det til at
virke
> vertikalt...
>
> Nogle forslag/løsninger?
>
> /Thrane
>
>
Sorry, der dukkede noget brugbar kdoe op på nettet.
Måske nogle kan bruge det...
#horizon {
position: absolute;
top: 50%;
left: 0px;
width: 100%;
margin-top: -200px;
text-align: center;
min-width: 900px;
}
#wrapper {
background-color: #fff;
position: relative;
text-align: left;
width: 800px;
height: 380px;
margin: 0px auto;
}
<div id="horizon">
<div id="wrapper">
</div>
</div>
/Thrane
| |
Ukendt (23-10-2006)
| Kommentar
Fra : Ukendt |
Dato : 23-10-06 16:58 |
|
"Thrane" <kyskoen@stofanet.dk> skrev i en meddelelse
news:453cca8a$0$3453$edfadb0f@dread11.news.tele.dk...
>> Hvordan kan jeg få en DIV til at placere sig relativt i forhold til en
>> tabel?
>> Jeg har fået det til at virke horisontalt, men kan ikke få det til at
> virke
>> vertikalt...
> Sorry, der dukkede noget brugbar kdoe op på nettet.
> Måske nogle kan bruge det...
Inden nogle bruger det,vil jeg på det kraftigste anbefale at man overvejer
hvordan det anvendes. Ellers ender det bare som på denne test side:
http://csnet.dk/html/eksempler/center/center.html
Prøv at reducere højden på dit vindue, og se hvad der sker 
--
Med venlig hilsen - Carsten Sørensen
Gode råd til webdesigneren - http://csnet.dk/html/
Nørholm Forsamlingshus - http://forshus.dk
| |
 Thrane (23-10-2006)
| Kommentar
Fra : Thrane |
Dato : 23-10-06 17:59 |
|
"Carsten Sørensen" <askmeforanaddress> wrote in message
news:453ce686$0$84034$edfadb0f@dtext01.news.tele.dk...
>
>
> Inden nogle bruger det,vil jeg på det kraftigste anbefale at man overvejer
> hvordan det anvendes. Ellers ender det bare som på denne test side:
> http://csnet.dk/html/eksempler/center/center.html
>
> Prøv at reducere højden på dit vindue, og se hvad der sker
>
>
> --
> Med venlig hilsen - Carsten Sørensen
>
> Gode råd til webdesigneren - http://csnet.dk/html/
> Nørholm Forsamlingshus - http://forshus.dk
>
Tak, det var jeg slet ikke opmærksom på.
Har du evt. en løsning på det?
Thrane
| |
Ukendt (23-10-2006)
| Kommentar
Fra : Ukendt |
Dato : 23-10-06 18:53 |
|
"Thrane" <noreply@noreply.dk> skrev i en meddelelse
news:453cf4c2$0$12625$edfadb0f@dread14.news.tele.dk...
>> Inden nogle bruger det,vil jeg på det kraftigste anbefale at man
>> overvejer hvordan det anvendes. Ellers ender det bare som på denne test
>> side:
>> http://csnet.dk/html/eksempler/center/center.html
> Tak, det var jeg slet ikke opmærksom på.
> Har du evt. en løsning på det?
Ikke direkte, og det kommer også helt an på i hvilken forbindelse metoden
anvendes. Men for at undgå ovenstående ret kritiske fejl skal man på en
eller man måde have sørget for, at sidens højde ikke bliver mindre end det
objekt man forsøger at centrere lodret. Og det er ikke helt let da IE 6 og
ældre ikke forstår min-height:
http://csnet.dk/html/eksempler/center/centerff.html
Ovenstående virker fint i Firefox og Opera, men ikke i IE 6 og ældre
Så nej har ikke nogen holdbar løsning.
Om der findes en løsning i dit tilfælde ved jeg ikke, da jeg ikke er helt
klar over hvad du øsnker at centrere, men er det hele siden, ja så bliver
det svært.
Kom evt. med et link og en mere uddybende forklaring om hvad du ønsker at
opnå
--
Med venlig hilsen - Carsten Sørensen
Gode råd til webdesigneren - http://csnet.dk/html/
Nørholm Forsamlingshus - http://forshus.dk
| |
Rune Jensen (23-10-2006)
| Kommentar
Fra : Rune Jensen |
Dato : 23-10-06 21:44 |
|
"Carsten Sørensen" <askmeforanaddress> wrote in message...
> http://csnet.dk/html/eksempler/center/centerff.html
>
> Ovenstående virker fint i Firefox og Opera, men ikke i IE 6 og ældre
>
> Så nej har ikke nogen holdbar løsning.
En ren IE løsning (xHTML1.0 valid) som minder om ovenstående kan ses på
http://www.cssplay.co.uk/ie/valign.html
Ved ikke, om det hjælper? Selvom det formodentligt kræver sekundært CSS
sheet og conditional comments...
MVH
Rune Jensen
| |
Thrane (24-10-2006)
| Kommentar
Fra : Thrane |
Dato : 24-10-06 07:25 |
|
"Rune Jensen" <rune.jensen@villabynet.dk> wrote in message
news:453d2887$0$2665$456a7185@news.cirque.dk...
>
> En ren IE løsning (xHTML1.0 valid) som minder om ovenstående kan ses på
>
> http://www.cssplay.co.uk/ie/valign.html
>
> Ved ikke, om det hjælper? Selvom det formodentligt kræver sekundært CSS
> sheet og conditional comments...
>
> MVH
> Rune Jensen
>
>
Det ser fint ud, Rune, men ja, en skam det kun virker i IE.
Måske et klogt hoved kan få det samme til at virke i IE?
/Thrane
| |
Rune Jensen (24-10-2006)
| Kommentar
Fra : Rune Jensen |
Dato : 24-10-06 08:30 |
|
"Thrane" wrote in message...
> Det ser fint ud, Rune, men ja, en skam det kun virker i IE.
> Måske et klogt hoved kan få det samme til at virke i IE?
Du kan bruge CS´ løsning med normalt stilark, så hente IE løsningen ind
i alternativt stilark om nødvendigt med conditional comments. HTMlen i
de to versioner skal selvfølgelig tilpasses - diverne skal være ens
placeret med samme navn. Du kan godt risikere, der skal en ekstra div
ind. Ellers burder der ikke være problemer med at kombinere de to
løsninger. Rent teoretisk burde der i hvert fald ikke være problemer 
Om conditional comments
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/overview/ccomment_ovw.asp
MVH
Rune
| |
Ukendt (24-10-2006)
| Kommentar
Fra : Ukendt |
Dato : 24-10-06 21:09 |
|
"Rune Jensen" <rune.jensen@villabynet.dk> skrev i en meddelelse
news:453d2887$0$2665$456a7185@news.cirque.dk...
> En ren IE løsning (xHTML1.0 valid) som minder om ovenstående kan ses på
>
> http://www.cssplay.co.uk/ie/valign.html
>
> Ved ikke, om det hjælper? Selvom det formodentligt kræver sekundært CSS
> sheet og conditional comments...
Ja det kan lade sig gøre, men helt ærligt mener jeg ikke, at det er besværet
værd. En centrering horinsontalt burde i langt de fleste tilfælde være mere
end nok
--
Med venlig hilsen - Carsten Sørensen
Gode råd til webdesigneren - http://csnet.dk/html/
Nørholm Forsamlingshus - http://forshus.dk
| |
Thrane (25-10-2006)
| Kommentar
Fra : Thrane |
Dato : 25-10-06 07:09 |
|
"Carsten Sørensen" <askmeforanaddress> wrote in message
news:453e72c8$0$84036$edfadb0f@dtext01.news.tele.dk...
>
>
> Ja det kan lade sig gøre, men helt ærligt mener jeg ikke, at det er
besværet
> værd. En centrering horinsontalt burde i langt de fleste tilfælde være
mere
> end nok
>
>
> --
> Med venlig hilsen - Carsten Sørensen
>
> Gode råd til webdesigneren - http://csnet.dk/html/
> Nørholm Forsamlingshus - http://forshus.dk
>
"Burde" er ikke altid nok...
/Thrane
| |
Thrane (24-10-2006)
| Kommentar
Fra : Thrane |
Dato : 24-10-06 07:25 |
|
"Carsten Sørensen" <askmeforanaddress> wrote in message
news:453d0195$0$84027$edfadb0f@dtext01.news.tele.dk...
>
>
> Om der findes en løsning i dit tilfælde ved jeg ikke, da jeg ikke er helt
> klar over hvad du øsnker at centrere, men er det hele siden, ja så bliver
> det svært.
>
> Kom evt. med et link og en mere uddybende forklaring om hvad du ønsker at
> opnå
>
>
> --
> Med venlig hilsen - Carsten Sørensen
>
> Gode råd til webdesigneren - http://csnet.dk/html/
> Nørholm Forsamlingshus - http://forshus.dk
>
>
Tak og du har ret.
Det er hele siden jeg ønsker at centrere.
Normalt gør jeg det med tabeller, men denne gang har jeg div med scroll i
sig og specieller scrollbars.
Den skulle jo gerne følge med siden!
/Thrane
| |
Ukendt (24-10-2006)
| Kommentar
Fra : Ukendt |
Dato : 24-10-06 21:06 |
|
"Thrane" <kyskoen@stofanet.dk> skrev i en meddelelse
news:453db1fa$0$3564$edfadb0f@dread11.news.tele.dk...
>
>> Om der findes en løsning i dit tilfælde ved jeg ikke, da jeg ikke er helt
>> klar over hvad du øsnker at centrere, men er det hele siden, ja så bliver
>> det svært.
> Tak og du har ret.
> Det er hele siden jeg ønsker at centrere.
> Normalt gør jeg det med tabeller, men denne gang har jeg div med scroll i
> sig og specieller scrollbars.
> Den skulle jo gerne følge med siden!
Personligt har jeg svært ved at se fidusen i at centrere lodret, så jeg
ville ikke bruge tid på at få det til at virke. Nå bare mit synspunkt.
Vil du gerne skubbe siden lidt kan du jo forsøge med en margin-top på x
procent.
Specielle scrollbars? Dem piller du vel ikke ved? Rullepanelerne er populært
sagt brugerens værktøj, og ikke designerens legeplads Så hold fingrene
væk fra dem, det tror jeg de kære IE brugere vil være taknemmelige ved
Og en div med scroll i? Betyder det du laver en div med fast højde, og
sætter en ekstra rullebjælke ind? I så fald vil jeg også fraråde det. En
sådan løsning ses kun optimalt ved den vinduestørrelse den er designet til,
i alle andre vinduestørrelser skaber det et væld af overflødige rullepaneler
til alles irritation.
--
Med venlig hilsen - Carsten Sørensen
Gode råd til webdesigneren - http://csnet.dk/html/
Nørholm Forsamlingshus - http://forshus.dk
| |
Thrane (25-10-2006)
| Kommentar
Fra : Thrane |
Dato : 25-10-06 07:14 |
|
"Carsten Sørensen" <askmeforanaddress> wrote in message
news:453e722a$0$84026$edfadb0f@dtext01.news.tele.dk...
>
>
> Personligt har jeg svært ved at se fidusen i at centrere lodret, så jeg
> ville ikke bruge tid på at få det til at virke. Nå bare mit synspunkt.
> Vil du gerne skubbe siden lidt kan du jo forsøge med en margin-top på x
> procent.
Det er jo så det der ikke virker, hvis du har fulgt med længere oppe...
OG jeg har stadig brug for noget kode der kan det...
> Specielle scrollbars? Dem piller du vel ikke ved? Rullepanelerne er
populært
> sagt brugerens værktøj, og ikke designerens legeplads Så hold fingrene
> væk fra dem, det tror jeg de kære IE brugere vil være taknemmelige ved
> Og en div med scroll i? Betyder det du laver en div med fast højde, og
> sætter en ekstra rullebjælke ind? I så fald vil jeg også fraråde det. En
> sådan løsning ses kun optimalt ved den vinduestørrelse den er designet
til,
> i alle andre vinduestørrelser skaber det et væld af overflødige
rullepaneler
> til alles irritation.
>
> Med venlig hilsen - Carsten Sørensen
>
Jeg har brug for råd til det jeg spørger om og ikke andet...
/Thrane
| |
Ukendt (25-10-2006)
| Kommentar
Fra : Ukendt |
Dato : 25-10-06 12:07 |
|
"Thrane" <kyskoen@stofanet.dk> skrev i en meddelelse
news:453f010a$0$3458$edfadb0f@dread11.news.tele.dk...
>
> "Carsten Sørensen" <askmeforanaddress> wrote in message
> news:453e722a$0$84026$edfadb0f@dtext01.news.tele.dk...
>>
>>
>> Personligt har jeg svært ved at se fidusen i at centrere lodret, så jeg
>> ville ikke bruge tid på at få det til at virke. Nå bare mit synspunkt.
>>
>> Vil du gerne skubbe siden lidt kan du jo forsøge med en margin-top på x
>> procent.
>
> Det er jo så det der ikke virker, hvis du har fulgt med længere oppe...
>
> OG jeg har stadig brug for noget kode der kan det...
Hehe længere oppe er et vidt begreb, da folk ikke sortere indlæg ens her i
gruperne Emne og dato vil være en stor hjælp
Men Som Rune skriver kan man kombinere de to modeller med conditional
comments. Jørgen Farum har skrevet lidt her:
http://www.webdesign101.dk/xhtml/css/hacks/msconditionalcomments.php
Jeg ville nok ikke bruge den tid på at få det til fungere, og ville nok alt
andet lige bruge en enkelt tabel til at sørge for den centrering. Om det så
er politisk korrekt eller ej i disse grupper Så er man også helt sikkert
på det virker, og man undgår uheldige overraskelser.
> Jeg har brug for råd til det jeg spørger om og ikke andet...
Ja ja, var nu også bare for at give dig et råd med på vejen.
--
Med venlig hilsen - Carsten Sørensen
Gode råd til webdesigneren - http://csnet.dk/html/
Nørholm Forsamlingshus - http://forshus.dk
| |
Thrane (25-10-2006)
| Kommentar
Fra : Thrane |
Dato : 25-10-06 12:55 |
|
"Carsten Sørensen" <askmeforanaddress> wrote in message
news:453f453e$0$84039$edfadb0f@dtext01.news.tele.dk...
>
> Men Som Rune skriver kan man kombinere de to modeller med conditional
> comments. Jørgen Farum har skrevet lidt her:
> http://www.webdesign101.dk/xhtml/css/hacks/msconditionalcomments.php
>
> Jeg ville nok ikke bruge den tid på at få det til fungere, og ville nok
alt
> andet lige bruge en enkelt tabel til at sørge for den centrering. Om det
så
> er politisk korrekt eller ej i disse grupper Så er man også helt
sikkert
> på det virker, og man undgår uheldige overraskelser.
> --
> Med venlig hilsen - Carsten Sørensen
>
> Gode råd til webdesigneren - http://csnet.dk/html/
> Nørholm Forsamlingshus - http://forshus.dk
>
>
Jeg ahr forsøgt mig med en tabel, men div'en synes ligeglad med den tabel og
vises ikke relativt for den...
Skidt, jeg må finde en anden løsning til kunden!
Takker...
/Thrane
| |
|
|