CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede nitro_ Nybegynder
08. juli 2004 - 01:00 Der er 11 kommentarer og
1 løsning

Problem med height:100% når jeg scroller

Hej med jer.

Jeg har fået sat min hjemmeside sammen, men når jeg gør browser-vinduet så
lille at al teksten ikke kan være deri, som hvis man kører 800*600 eller
hvis der kommer mere tekst, opstår der et problem når man scroller på siden.
Det er faktisk nemmest at se hvad problemet er hvis I selv prøver, men det
er at "stregerne" ikke følger med ned.

Siden er her: http://hvidkildehusene.dk/je/

Jeg vil helst ikke gå væk fra height:100%, da siden er perfekt hvis
browservinduet er stort nok til at man kan se al teksten.

Er der nogle der kan hjælpe mig med at komme af med dette problem?

På forhånd tak,
Jesper
Avatar billede roenving Novice
08. juli 2004 - 01:22 #1
Kunne ikke lade være at grine højt !-)

'Hej, jeg kender en, som kan levere det perfekte i web-design. Han er måske ikke så hurtig, men han kan alt muligt. Kan du matche hans pris ?-)'

'Hvem er det?'

'Han hedder Eksperten.dk, kender du ham?'

Hvis du skal ændre det, skal du aktivt (dvs. ved hjælp af javascript !-) synkronisere onload og onresize ...

For øvrigt forstod jeg ikke lige at du har en mline og en rightline, ville det ikke være meget nemmere at bruge en border på elementet ?-)

-- og jeg bemærkede at du næsten kun havde id-selektorer, kunne det ikke betale sig at bruge en smule cascading, når du nu bruger Cascading StyleSheets ?o]

Men et synkroniseringsscript, som du så kalder onload og onresize (du skal selvfølgelig indsætte de id'er, som skal synkroniseres -- også body må godt have et id !-)

<script type="text/javascript">
var elms = ['left','middle','right'];

function synchronizeDivs(){
  var maxH = 0;//her sættes den minimumshøjde du ønsker !-)
  for(i=0;elms.length>i;i++){
    maxH = Math.max(maxH,document.getElementById(elms[i]).offsetHeight);
  }
  for(i=0;elms.length>i;i++){
    document.getElementById(elms[i]).style.height=maxH + 'px';
  }
}
</script>
Avatar billede thedeathart Nybegynder
08. juli 2004 - 01:25 #2
man kunne da måske også bruge nogle: position: absolute;
Avatar billede roenving Novice
08. juli 2004 - 01:31 #3
Nej !-)

?-)
Avatar billede nitro_ Nybegynder
08. juli 2004 - 01:32 #4
hej roenving. Tak for svaret, men jeg ville være glad hvis du forklarede lidt mere hvad der præcist skal gøres. Har aldrig arbejdet med javascript før, så kan ikke lige gennemskue hvad jeg præcist skal gøre for at det kommer til at virke :)
Avatar billede roenving Novice
08. juli 2004 - 01:37 #5
I denne linje indsætter du id'er på de elementer, som skal have den samme højde:

var elms = ['left','middle','right'];

Det skulle være til at gennemskue, hvordan navnene skal stå, og som nævnt må du også gerne give body et id !-)

Hvis du har en højde, som du ikke vil have elementerne kommer under, kan du indsætte den i stedet for nullet i den linje, hvor det er markeret ...

-- og så laver du body sådan:

<body ... onresize="synchronizeDivs()" onload="synchronizeDivs()">
Avatar billede roenving Novice
08. juli 2004 - 01:39 #6
-- scriptet skal stå inden for <html> og </html>, så du har frit valg ...

-- jeg plejer dog at placere den slags script, som ikke skriver til dokumentet on-the-fly i head-sektionen, så jeg senere kan flytte det ud i en ekstern fil !-)
Avatar billede nitro_ Nybegynder
08. juli 2004 - 02:01 #7
Tak for al hjælpen. Jeg har dog fundet en anden løsning uden javascript. Simpelthen bare at kopiere de tre "streger" på langs med kun et par pixels højde og så sætte det som baggrund i #main. Jeg satte den også som baggrund i body med position 50% 0 og repeat-y. Så virker det i hvert fald i IE, firefox og Opera.

Den eneste fejl jeg kan se nu, er at det er ligesom firefox sætter en bred venstre margin på menuen, så den står midt i det hele, i stedet for ude til venstre som i IE og i Opera.
Avatar billede roenving Novice
08. juli 2004 - 02:03 #8
Du har ikke lagt det op endnu ?-)
Avatar billede nitro_ Nybegynder
08. juli 2004 - 02:04 #9
nej, men det har jeg netop nu :)
Avatar billede nitro_ Nybegynder
08. juli 2004 - 02:20 #10
roenving jeg ville lige høre om du ville/kunne hjælpe med det her problem eller om jeg bare skal lade det ligge/lave en ny tråd hvis jeg ikke finder ud af det.
Avatar billede roenving Novice
08. juli 2004 - 13:12 #11
Jeg har ikke testet, men det ser ud som om der er en padding, så den ville jeg prøve at pille ved !-)

-- enten på .menutekst eller på #leftmenu ...

-- og jeg havde slet ikke set det i første omgang, så det forstyrrer jo ikke designet !o]
Avatar billede nitro_ Nybegynder
10. juli 2004 - 14:41 #12
Okay, jeg lukker
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
Bredde på div elementer Af dane022 i HTML 2 16/02/202408:29 20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML 2 21/12/202322:51 22/12/202308:03
validering <input tlfnr. Af slein55 i HTML 5 15/10/202311:43 15/10/202314:51
Link fra form input Af jnrmgs i HTML 9 19/09/202319:10 23/09/202313:11
includere i HTML Af slein55 i HTML 3 15/09/202313:47 16/09/202309:40
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 00:30 Fejl i Ark Af Morten_Jepsen i Excel
I går 16:56 Kan min mobil hackes Af SBS i Mobiltelefoner
I går 12:56 Forskellige billeder til forskellige skærme ? Af snedker1 i Mac
I går 11:56 Om brug af funktionen sumprodukt Af Erik R i Excel
05/0722:41 Hjælp til at skrive opgave Af Needhelp i Småopgaver
White papers
Flere white papers »


Premium
Teaser billede
Dynamics-kæmpen Cepheo leverer røde tal i første regnskab som selvstændigt selskab
Læs mere »
IBM-direktør efter blodrødt regnskab: “Vi er godt på vej ud af det stormvejr, som ramte os i 2023”
Stiftere overvejer at gøre Flatpay til en bank – krav om compliance er en stopklods
Rejsekort reducerer kraftigt den tid, som selskabet vil beholde dine lokationsdata i: Vil nu slette dem efter få måneder
Se alle »
Computerworld
Teaser billede
Test: Endelig en skærm der er god til alt - lige fra gaming og underholdning til kontorbrug
Læs mere »
I dag træder nye de regler om registrering af din arbejdstid i kraft: Er du klar?
700.000 Linux-systemer kan været truet af ny alvorlig sårbarhed
Wordperfect-stifteren Bruce Bastian er død: Han revolutionerede tekstbehandlingen, men tabte slaget til Microsoft
Se alle »
CIO
Teaser billede
I dag træder nye de regler om registrering af din arbejdstid i kraft: Er du klar?
Læs mere »
Russisk hack af Microsoft er meget større end først antaget
Halter mange år bagefter: Langsom software-udvikling udfordrer kæmpe digitalt løft af Billund Lufthavn
Efter forbud fra Datatilsynet: Nu ændres data-håndteringen i din kørekort-app
Se alle »
Job & Karriere
Teaser billede
Bo solgte sit software-system for et treciftret millionbeløb: Brugte pengene på at købe 80 medarbejdere til ny storsatsning
Læs mere »
Norlys skal splittes op i fem selskaber: Nu bliver flere ansatte og ledere fyret
Dansk top-profil trækker sig fra Microsoft: Skal være direktør i TDC Erhverv
IBM Danmark skifter ud i sin øverste ledelse - her er den nye direktion
Se alle »
White paper
Teaser billede
Få mere ud af din cloudinfrastruktur og gør op med de konstant stigende omkostninger
Læs mere »
Sådan høster du forretningsfordelene ved Internet of Things
Sæt turbo på din cloudperformance og minimér risikoen for DDoS-angreb
Samlet platform sikrer sammenhæng, kontrol og sikkerhed i hybrid cloud
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »