Søg
Avatar billede fangel Nybegynder
13. februar 2004 - 09:28 Der er 25 kommentarer og
1 løsning

Hjælp til height : 100% når indhold af siden > browser vindue

Hey

Har lavet en pæn CSS opstillet side... har lavet en tekst-side med meget tekst så i kan se prob.

http://sportsreactor.fangel.linux.dk/loremipsum/

når man scrooler så fortsætter det vide område ikke med ned, men stopper da height : 100%...

CSS: http://sportsreactor.fangel.linux.dk/css/style.css

(har kun testet i Mozilla Firefox 0.8 - så ved ikke hvordan IE opfører sig - men stadig uacceptabelt)

og hvis nogle kan få det til at se ordenligt ud på MAC IE 5.0, så falder der ekstra point af der...

Morten
Avatar billede steen Nybegynder
13. februar 2004 - 09:31 #1
Har du lavet din HTML med DIV tags? Det er i hvertfald en løsning:
<Div id=baggrund>
  <Div id=tekstindhold>sdfksdhfhsdfkjshd sdfshfk </Div>
</Div>

Så vil din indre div blot udvide din ydre... og så virker det.

/Steen
Avatar billede steen Nybegynder
13. februar 2004 - 09:32 #2
og så droppe din højde i baggrunden... det styrer teksten så i stedet
Avatar billede fangel Nybegynder
13. februar 2004 - 09:37 #3
øhh, forstår ikke helt... grund opbygningen er som følger:

<span id="fakebg">&nbsp;</span>
  <span id="beholder">
  <span id="top">
    <img src="<?php echo LINKPREFIX; ?>/images/top.png" alt="Sportsreactor- Join the game..." />
  </span>
  <br />
  <span id="menu">
    LODRET MENU
  </span>
  <br />
  <span id="content">
    <span id="left">
    MENU
    <br />
    LOGIN / UD
    </span>
    <span id="center">
    INDHOLD
    </span>
    <span id="right">
    ET BANNER
    </span> 
  </span>
  <span id="cprht">
    COPYRIGHT
  </span>
  </span>

siger du at det vil hjælp at lave det til DIV, eller skal jeg ændre stedet hvor "height : 100%" står... for hvis der er mindre end 100% indhold skal den stadig fylde hele siden !

Morten
Avatar billede steen Nybegynder
13. februar 2004 - 09:44 #4
Ok... har du prøvet med div istedet for span...

<div id="fakebg">&nbsp;</div>
  <div id="beholder">
  <div id="top">
    <img src="<?php echo LINKPREFIX; ?>/images/top.png" alt="Sportsreactor- Join the game..." />
  </div>
  <br />
  <div id="menu">
    LODRET MENU
  </div>
  <br />
  <div id="content">
    <div id="left">
    MENU
    <br />
    LOGIN / UD
    </div>
    <div id="center">
    INDHOLD
    </div>
    <div id="right">
    ET BANNER
    </div> 
  </div>
  <div id="cprht">
    COPYRIGHT
  </div>
  </div>
Avatar billede fangel Nybegynder
13. februar 2004 - 09:50 #5
nu har jeg - det hjalp ik... og hvis jeg fjerner "height : 100%" forsvinder baggrunden helt !

kun du / en anden modde mit stylesheet så det bliver vist korrekt - opbygningen af siden kan også ændres hvis det er nødvendigt...

Morten
Avatar billede fangel Nybegynder
13. februar 2004 - 10:50 #6
skal lige noget... er tilbage kl 14:30 ca...

60p til den der kan finde fejlen

Morten
Avatar billede bas Forsker
13. februar 2004 - 11:37 #7
Har du skrevet style="margin-bottom:0px; i din < body >
- måske vil det hjælpe.

/Martin
Avatar billede bas Forsker
13. februar 2004 - 11:45 #8
jeg kan af en eller anden grund ikke åbne dine style
- kan du evt gemme dem som en phps fil og lægge dem op ?

/Martin
Avatar billede fangel Nybegynder
13. februar 2004 - 15:25 #9
http://sportsreactor.fangel.linux.dk/css/style.phps

men det dræbte formateringen...

---

og jeg tror at prob. skyldes at baggrunden er i en boks med position : absoluet; og tekst er i en anden med position: absolute; - tror fejlen ligger deri...

nogle der kan ændre stylesheet så man opnår samme opstilling, men uden brug af position : absolute; til opstilling af #container, #left, #content og #right og sørger for at #cprht ikke bliver "overskrevet" med tekst?

Morten
Avatar billede bas Forsker
13. februar 2004 - 16:10 #10
Jeg har måske løste det.

Når jeg udkommenterer

<div id="cprht">
    Copyrigth (c) 2004 - Sportsreactor.com
  </div>

Sker der noget med teksten.

Hvis jeg så skriver height: 100%;
i #cprht i css filen og fjerner udkommenteringen
ser det ud til at problemet er løst.

/Martin
Avatar billede bas Forsker
13. februar 2004 - 16:14 #11
det passer ikke det jeg lige skrev , desværre.

Har du sat et baggrundsbillede, som tekten står ovenpå
- eller hvad.

Det jeg umiddelbar kan forestille mig er at billedet ikke er højt nok.
Avatar billede fangel Nybegynder
13. februar 2004 - 16:24 #12
<body> har den blå-ternede baggrund...
#container har den hvide baggrund og den højre border
#fake-bg har den venstre border

alle billeder lave en form for repeat... (body har repeat, borderene har repeat-y)

så det er ikke derfor - tror som sagt det position : absolute; der er syndere !

Morten
Avatar billede bas Forsker
13. februar 2004 - 16:31 #13
Jeg kan ikke fjerne den blå baggrund
Avatar billede bas Forsker
13. februar 2004 - 16:36 #14
dumme mig - jeg skulle lige angive den rigtige sti tl css filen :-|
Avatar billede fangel Nybegynder
13. februar 2004 - 16:42 #15
;) ja det hjælper ofte...

er lige lidt presset idag (skal skrive en eng. stil + pakke til vinterferie inde i morgen kl tidligt) ellers ville jeg også lege med det selv...

PS, serveren er min workstation som IKKE kører hele næste uge - så hvis du vil have det kan jeg godt fixe en .tar.gz fil af billeder og css

Morten
Avatar billede bas Forsker
13. februar 2004 - 16:44 #16
Det vil jeg egentlig godt, så kan jeg
prøve at kigge på det.
Avatar billede fangel Nybegynder
13. februar 2004 - 17:50 #17
Billeder og CSS
http://sportsreactor.fangel.linux.dk/billeder_css.tar.gz (opfindsomt navn, ik ;))

Morten
Avatar billede bas Forsker
13. februar 2004 - 18:10 #18
ok, kigger på det.
Avatar billede bas Forsker
15. februar 2004 - 16:40 #19
Hej Morten

Jeg har lavet et forslag, som du måske kan bruge.

Kan du ikke lige skrive din e-mail ?

Martin
Avatar billede steen Nybegynder
16. februar 2004 - 08:13 #20
bas >> ideen med dette forum er jo at vi alle kan se svarene... derfor er det jo bedst, at du svarer her i dette forum :-)

/Steen
Avatar billede bas Forsker
16. februar 2004 - 12:17 #21
Ok, nu ligger det på følgende adresse:

http://www.detour.dk/sport/index2.html

Jeg har dog brugt tabeller i stedet for div,
da jeg ikke umiddlebart kunne løst det på anden vis.

/Martin
Avatar billede fangel Nybegynder
21. februar 2004 - 20:43 #22
bas -> yahh... tror også tables bliver vejen frem i dette tilfælde... laver det nok på en lidt simplere måde (dvs ikke helt så mange cells)

vender tilbage i morgen - skal lige akklimatisere mig (7 dage i Norge på snowboard gør godt)

Morten
Avatar billede fangel Nybegynder
22. februar 2004 - 11:25 #23
Nu har jeg selv fyret op under nogle tables...
  http://sportsreactor.fangel.linux.dk/index.test.html
  Screenshot fra editor: http://sportsreactor.fangel.linux.dk/SR_in_Nvu.png

bas -> hvis du vil have lidt point for din indsats så smid et svar...

Morten
Avatar billede bas Forsker
22. februar 2004 - 11:38 #24
Hej Morten

Jeg skal da ikke kunne udelukke, at det kan lade sig gøre med
div positionering.
Jeg er bare slet ikke nok inde i, hvordan det fungerer.

Hvad er det for en editor du bruger ?
- bare lidt nysgerrig.

/Martin
Avatar billede fangel Nybegynder
22. februar 2004 - 11:53 #25
som navnet på billedet antyder... så er det Nvu <www.nvu.com> - den (pt) eneste WYSIWYG-editor til Linux... baseret (og videreudviklet) på/fra Mozilla Composer...

Morten
Avatar billede bas Forsker
22. februar 2004 - 13:14 #26
Ok, havde ikke lige set navnet.

/Martin
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 15:02 Gemme besked fra Facebook / Messenger Af lurup i Sociale medier
I går 20:17 Kan man kopiere en DVD og afspille den på * Linux Mint - Cinnamon - 22.1 - "Xia" * ? Af Ikke-ekspert i Linux
27/0821:03 Kan man få Word viewer gratis Af Strawberry i Word
26/0813:28 Findes der en brugsanvisning til : "ONKYO Stereo Casette - Tape Deck - R1" Af Ikke-ekspert i Musik & videoafspillere
24/0820:07 Libra Office 26.2.5.2 - Er sort - Kan an ændre til lysere baggrund ? (Windows 11) Af Ikke-ekspert i Office & Kontorpakker
White papers
Flere white papers »