Avatar billede nuki Nybegynder
27. april 2004 - 19:42 Der er 12 kommentarer og
2 løsninger

<div> der bryder grænser

Hej Eksperter

Jeg har:

<div id=main>

<div id=leftcontent>

</div>

</div>

og problemet er at når den indre div får et indhold større end selve skærmens størrelse og man så skal til at scrolle så hopper den lige som ud af main div'en.

Det skal lige siges at main har hvid baggrund og leftcontent har en grå baggrund.

http://motter.mine.nu/hmm.htm der kan i se problemet.

i kan se css'en i selve htm filen.

Hvordan undgår jeg at den hopper ud?

-Nuki
Avatar billede gil-galad Nybegynder
27. april 2004 - 19:50 #1
du kan skrive hvor høj main skal være i din css. Men hvis det ikke er en mulighed ved jeg at table selv udvider sig, men gør et span laer det også? for så kunne du måske bruge det
Avatar billede nuki Nybegynder
27. april 2004 - 19:54 #2
>>spiffsen

Jeg prøver at undgå tables og jeg har sat main højden til 100%.
Avatar billede gil-galad Nybegynder
27. april 2004 - 20:00 #3
hvis du ved at siden altid skal have en bestemt højde, så brug px istedet for procent
Avatar billede nuki Nybegynder
27. april 2004 - 20:05 #4
det er det jeg ved den ikke er. Den skal kunne skifte højde alt efter hvad der er på den.
Avatar billede olebole Juniormester
27. april 2004 - 20:24 #5
<ole>

Du kan bruge JavaScript til at resize den med - eller du kan bruge en tabel.
Hvorfor prøver du dog at undgå tabeller?

/mvh
</bole>
Avatar billede nuki Nybegynder
27. april 2004 - 20:29 #6
fordi det er noget værre noget :p

Det kan bare ikke passe der ikke er en måde at gøre det på uden javascripts og sådan noget.
Avatar billede roenving Novice
27. april 2004 - 21:56 #7
Fjern position: absolute; fra leftcontent, for den står uden for den almindelige sides flade, når den er absolut positioneret !-)
Avatar billede nuki Nybegynder
27. april 2004 - 22:50 #8
tak reonving..

Vil du ikke lige se på http://motter.mine.nu/baah.htm og se hvad der går galt der?

-Nuki
Avatar billede roenving Novice
27. april 2004 - 23:07 #9
Hvorfor har du ikke et element i stylesheetet, som hedder #mainspace ?-)

-- og så betyder 100% ifølge css-standarden, at det er 100% af det omgivende positionerede element, som så også skal have en højde ...

Men hvis du skal få det til at virke efter reglerne i IE skal du huske dtd-linket (og så kan du ligesågodt lægge et standard-tegsæt i !-)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">


-- og så skal du tilføje:

html,body{height:100%;}
Avatar billede olebole Juniormester
27. april 2004 - 23:15 #10
nuki >> Hvorfor er tabeller noget værre noget?
Avatar billede nuki Nybegynder
28. april 2004 - 14:09 #11
Okay roenving er der så ikke en måde at få den til at udvide div'en rundt om?

Altså få leftcontent til at udvide maincontent ?

p.s. mainspace var lige en fejl men det virker stadig ikke så godt.
Avatar billede roenving Novice
04. maj 2004 - 03:55 #12
Fandt et indlæg fra nuki Saturday, May 01, 2004 12:17:01 AM i min mailbox:

Nå har fundet ud af et lille trick på www.alistapart.com .. men hvis du vil kan du da få en lille slat point roenving.

-- så jeg lægger lige et svar '-)
Avatar billede nuki Nybegynder
09. maj 2004 - 21:50 #13
hmmm hvor blev mit svar af...
Avatar billede roenving Novice
09. maj 2004 - 21:53 #14
Det forsvandt nok i server-nedbruddet i sidste weekend !-)

-- og tak for point ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester