|
| CSS positionering Fra : Matthiessen |
Dato : 17-07-02 13:47 |
|
Jeg har lidt besvær med CSS positionering
jeg har en tabel i den ene side som blir stryret med det her :
..wintabel {
position: absolute;
right: 10px;
top: 70px;
}
og det funger jo godt nok. Problemet er så, at indholdet på siden går bagved
den tabel.
Hvordan forhindrer jeg det ?
---
VH
/Anders Matthiessen
web at dioder.dk
| |
Hintzmann (17-07-2002)
| Kommentar Fra : Hintzmann |
Dato : 17-07-02 14:01 |
|
Ved enten at positionere resten af dit indhold absolut eller ved at bruge
float:rigt; på din wintabel
Matthiessen wrote in dk.edb.internet.webdesign.html:
> Jeg har lidt besvær med CSS positionering
>
> jeg har en tabel i den ene side som blir stryret med det her :
>
> ..wintabel {
> position: absolute;
> right: 10px;
> top: 70px;
> }
>
> og det funger jo godt nok. Problemet er så, at indholdet på siden går bagved
> den tabel.
> Hvordan forhindrer jeg det ?
>
> ---
> VH
> /Anders Matthiessen
> web at dioder.dk
>
>
>
>
>
--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP ???
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
Matthiessen (17-07-2002)
| Kommentar Fra : Matthiessen |
Dato : 17-07-02 14:14 |
|
"Hintzmann" <nospan@please.dk> skrev i en meddelelse
news:ah3pr9$ou6$1@sunsite.dk...
> Ved enten at positionere resten af dit indhold absolut
Det jeg mangler er "indholds" vinduet, men kan man uden problemer
positionere den, så den størrelse også er dynamisk. Prøver lige selv, men
svar gerne.
> eller ved at bruge float:rigt; på din wintabel
Det virkede ikke
---
VH
/Anders Matthiessen
web at dioder.dk
| |
Knud Gert Ellentoft (17-07-2002)
| Kommentar Fra : Knud Gert Ellentoft |
Dato : 17-07-02 14:27 |
|
Wed, 17 Jul 2002 14:46:43 +0200, skrev "Matthiessen"
<matthiessen.SLET.@tdcadsl.dk>:
>og det funger jo godt nok. Problemet er så, at indholdet på siden går bagved
>den tabel.
Du er også nødt til at positionere sidens øvrige indhold.
Eller vil du have at sidens øvrige innhold skal vises oven på
tabellen?
Så kan det klares med z-index.
--
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.
| |
Matthiessen (17-07-2002)
| Kommentar Fra : Matthiessen |
Dato : 17-07-02 14:50 |
|
"Knud Gert Ellentoft" <knudgert@mail.tele.dk> skrev i en meddelelse
news:g2sajusq8dosokpcevqol79d1rmrdsiis7@dtext.news.tele.dk...
> Du er også nødt til at positionere sidens øvrige indhold.
Ok. Det jeg mangler er indholds-tabbelen, og den skal jo gerne være dynamisk
i bredden. Hvordan gøres det ?
Højre tabel :
wintabel {
position: absolute;
right: 10px;
top: 70px;
}
Indholdstabellen :
.maintabel {
position: absolute;
left: 10px;
top: 70px;
}
Skal jeg bare sætte tabellen til 100% så ?
(kan ikke lige komme til den computer jeg normalt arbejder på)
> Eller vil du have at sidens øvrige innhold skal vises oven på
> tabellen?
Den skal bare holde sig væk fra den tabel :)
---
VH
/Anders Matthiessen
web at dioder.dk
| |
Matthiessen (17-07-2002)
| Kommentar Fra : Matthiessen |
Dato : 17-07-02 17:35 |
|
"Matthiessen" <matthiessen.SLET.@tdcadsl.dk> skrev i en meddelelse
news:3d35672f$0$16827$edfadb0f@dspool01.news.tele.dk...
> Jeg har lidt besvær med CSS positionering
Kom nu folkens, hjælp mig her ;o(
Eller skal jeg gå det her ene trin tilbage til tabellerne :o/
Kort fortalt, Jeg har 2 tabeller.
Tabel 1 skal være så bred som mulig
-------------
| |
| 1 |
| |
-------------
Tabel 2 skal være fast 170 bred
---
| |
|2 |
| |
---
de skal samles så det ser sådan ud :
-----------------
| | |
| 1 | 2 |
| | |
-----------------
Problemet er at jeg ikke kan få tabel 1 til at stoppe hvor tabel 2 begynder,
de overlapper hindanden.
Hvordan ?
| |
Chr. Bohr-Halling (17-07-2002)
| Kommentar Fra : Chr. Bohr-Halling |
Dato : 17-07-02 18:27 |
|
"Matthiessen" <matthiessen.SLET.@tdcadsl.dk> posting:
>Tabel 1 skal være så bred som mulig
>Tabel 2 skal være fast 170 bred
>-----------------
>| | |
>| 1 | 2 |
>| | |
>-----------------
Dette er et hurtigt bud på en løsning. Findes sikket en mere
elegent.
<html>
<head>
<title>bla</title>
<style>
#tv {
position: absolute;
right: 170px;
width: auto;
}
#th {
position:absolute;
right: 0px;
width: 170px;
}
</style>
</head>
<body>
<div id="tv">
tvtvtv
</div>
<div id="th">
ththth
<div>
</body>
</html>
--
Livet, pausen i døden. Drømmen, flugten fra livet.
| |
Matthiessen (17-07-2002)
| Kommentar Fra : Matthiessen |
Dato : 17-07-02 18:43 |
|
"Chr. Bohr-Halling" <nospam@direkte.org> skrev i en meddelelse
news:tu9bjuk8ih79o31itmk9u2e52fv34r4pv8@dtext.news.tele.dk...
> Dette er et hurtigt bud på en løsning. Findes sikket en mere
> elegent.
Elegant eller ej, det virkede :)
Nu er spørgsmålet - hvordan laver jeg en ekstra tabel i den anden side også
?
| |
Chr. Bohr-Halling (17-07-2002)
| Kommentar Fra : Chr. Bohr-Halling |
Dato : 17-07-02 18:55 |
|
"Matthiessen" <matthiessen.SLET.@tdcadsl.dk> posting:
>Elegant eller ej, det virkede :)
Stadigt samme forbehold....
>Nu er spørgsmålet - hvordan laver jeg en ekstra tabel i den anden side også
Altså A | BBB | C
<html>
<head>
<title>bla</title>
<style>
#tv {
position: absolute;
left: 0px;
width: 170px;
}
#th {
position:absolute;
right: 0px;
width: 170px;
}
#midt {
position:absolute;
right:170px;
left:170px;
width:auto;
}
</style>
</head>
<body>
<div id="tv">
tvtvtv
</div>
<div id="midt">
midt
</div>
<div id="th">
ththth
</div>
</body>
</html>
--
Livet, pausen i døden. Drømmen, flugten fra livet.
| |
Matthiessen (17-07-2002)
| Kommentar Fra : Matthiessen |
Dato : 17-07-02 20:38 |
|
"Chr. Bohr-Halling" <nospam@direkte.org> skrev i en meddelelse
news:albbjuo6hv3qvit3aurets8crim91fv0sf@dtext.news.tele.dk...
> Stadigt samme forbehold....
Det virkede, tusind tak.
---
VH
/Anders Matthiessen
web at dioder.dk
| |
Rune Glerup (17-07-2002)
| Kommentar Fra : Rune Glerup |
Dato : 17-07-02 19:03 |
| | |
|
|