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

Matthiessen skrev:

> Nu er spørgsmålet - hvordan laver jeg en ekstra tabel i den anden side også
> ?

I BlueRobot's Layout Reservoir <http://www.bluerobot.com/web/layouts/> er
demonstreret flere nemme CSS-layouts, bl.a.
<http://bluerobot.com/web/layouts/layout3.html>.

--
/Rune
w|http://kaboom.dk/

"Again, we remind you that frames are on their way out anyway."

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

Månedens bedste
Årets bedste
Sidste års bedste