/ 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
Scrollbaren vil ikke væk??? Hjælp!
Fra : Frank Sørensen


Dato : 14-11-02 22:01

Jeg er lige begyndt at arbejde med design via css så det er nok bare en
begynder fejl, men problemet er at jeg vil lave en boks på midten af siden
som er delt op i 3:
- en til toppen
- en til indholdet
- en til bunden

Og den skal fylde 100% vertikalt men der bliver ved med at være noget
scrollbar. Hvordan får jeg den væk?

** KODEN **

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
<title>CSS - Tests</title>
<style>
body {
background-color:#848284;
margin:0px;
padding:0px;
height:100%;
}

body,td,a,p

font-family: Verdana, Arial, Sans-serif; font-size: 11px; color: #000000;
}

#top {
width: 750px;
height: 25px;
background-color: #FFFFFF;
border-bottom: 1px solid black;
}

#bottom {
width: 750px;
height: 25px;
background-color: #FFFFFF;
border-top: 1px solid black;
}

#midte {
text-align:center;
}

#indhold {
width:750px;
height: 100%;
background-color:#EFEFEF;
border-left: 1px solid black;
border-right: 1px solid black;
border-top: 0px solid black;
border-bottom: 0px solid black;
}

#expand {
height: 100%;
}
</style>
</head>

<body>
<div id="midte">
<div id="indhold">
<div id="top">
top her
</div>
<div id="expand">
Indhold her
</div>
<div id="bottom">
bottom
</div>
</div>
</div>
</body>
</html>



 
 
Knud Gert Ellentoft (14-11-2002)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 14-11-02 22:46

"Frank Sørensen" <frank2*REMOVE*@tdcadsl.dk> skrev :

>Og den skal fylde 100% vertikalt men der bliver ved med at være noget
>scrollbar. Hvordan får jeg den væk?

I din css indsætter du
html   {overflow: hidden}
--
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.

Frank Sørensen (15-11-2002)
Kommentar
Fra : Frank Sørensen


Dato : 15-11-02 01:25

> I din css indsætter du
> html {overflow: hidden}

Den er stadig ikke væk... håber der er en som kan finde fejlen...



Knud Gert Ellentoft (15-11-2002)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 15-11-02 01:41

"Frank Sørensen" <frank2*REMOVE*@tdcadsl.dk> skrev :

>Den er stadig ikke væk... håber der er en som kan finde fejlen...

Upload siden, så vi kan se fejlen.

Med ovennævnte er den væk, når jeg kopierer koden over.

Det ville også hjælpe, hvis du skrev i hvilken browser, du har
problemet.

Jeg bruger IE 6.

Din Outlook Express er 5.5, så din IE er sikkert også 5.5.

Så vil jeg tro, at hvis du tilsvarende sætter overflow: hidden i
body så vil det virke.

Har ikke mulighed for at teste i IE 5.5.
--
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.

Frank Sørensen (15-11-2002)
Kommentar
Fra : Frank Sørensen


Dato : 15-11-02 01:48

Sorry... Den er væk nu, men nu kan man bare ikke se den nederste del???


"Frank Sørensen" <frank2*REMOVE*@tdcadsl.dk> skrev i en meddelelse
news:3dd43f1b$0$15017$edfadb0f@dread14.news.tele.dk...
> > I din css indsætter du
> > html {overflow: hidden}
>
> Den er stadig ikke væk... håber der er en som kan finde fejlen...
>
>



Frank Sørensen (15-11-2002)
Kommentar
Fra : Frank Sørensen


Dato : 15-11-02 01:57

Har IE 5.0 den som følger med win2000, men det skulle da gerne virke i begge
version. Skulle det ik???

"Frank Sørensen" <frank2*REMOVE*@tdcadsl.dk> skrev i en meddelelse
news:3dd44419$0$186$edfadb0f@dread16.news.tele.dk...
> Sorry... Den er væk nu, men nu kan man bare ikke se den nederste del???
>
>
> "Frank Sørensen" <frank2*REMOVE*@tdcadsl.dk> skrev i en meddelelse
> news:3dd43f1b$0$15017$edfadb0f@dread14.news.tele.dk...
> > > I din css indsætter du
> > > html {overflow: hidden}
> >
> > Den er stadig ikke væk... håber der er en som kan finde fejlen...
> >
> >
>
>



Knud Gert Ellentoft (15-11-2002)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 15-11-02 02:11

"Frank Sørensen" <frank2*REMOVE*@tdcadsl.dk> skrev :

>Har IE 5.0 den som følger med win2000, men det skulle da gerne virke i begge
>version. Skulle det ik?

Ikke nødvendigvis, jeg er ikke klar over i detaljer, hvor
forskellene er

IE 5.0, 5.5 og 6.0 understøtter ikke helt de samme ting og jeg
var/er ikke sikker på at html i css er understøttet i 5.x.

>Sorry... Den er væk nu, men nu kan man bare ikke se den nederste del?

Korrekt, du kan prøve at følge Lasses svar eller sætte den
midterste til lidt mindre end 100%, det virker fint i IE, men
ikke i andre browsere.

Så du skal muligvis også ændre noget af det andet.

PS.
Når du svarer på et indlæg vær rar, at citere efter netiketten på
<http://www.usenet.dk/netikette/citatteknik.html>.
Se også min signatur.

Det vil gøre det nemmere og mere behageligt at læse dine svar -
tak.
--
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.

Lasse Reichstein Nie~ (15-11-2002)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 15-11-02 01:48

"Frank Sørensen" <frank2*REMOVE*@tdcadsl.dk> writes:

> Jeg er lige begyndt at arbejde med design via css så det er nok bare en
> begynder fejl, men problemet er at jeg vil lave en boks på midten af siden
> som er delt op i 3:
> - en til toppen
> - en til indholdet
> - en til bunden
>
> Og den skal fylde 100% vertikalt men der bliver ved med at være noget
> scrollbar. Hvordan får jeg den væk?

Godt spørgsmål. Det er altid godt at give et link til en side, så folk
slipper for at klippe og klistre (og derfor har mere tid til at svare :)).

> <style>
^ her er det pænt at tilføje: type="text/css"

> body {
> background-color:#848284;
> margin:0px;
> padding:0px;
> height:100%;
> }
>
> body,td,a,p

Mangler vist en "{" her.

> font-family: Verdana, Arial, Sans-serif; font-size: 11px; color: #000000;
> }
>
> #top {

> height: 25px;

> }
>
> #bottom {

> height: 25px;

> }

> #expand {
> height: 100%;

> }

Til sammen skulle disse tre have en højde på 100%+50px (+ nogle pixels
for borderen). Det er nok lige i overkanten. Der er desværre ikke
nogen god måde at give det midterste felt en størrelse på præcis 100%-50px.
Jeg vil anbefale at lade det indholdet fylde det indholdet fylder istedet
for at kræve at det fylder browseren ud.

Jeg ville også skrive "height:100%" i #midte, ikke at det løser
problemet, men det giver i det mindste det samme problem i alle mine
browsere :).

/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
'Faith without judgement merely degrades the spirit divine.'

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

Månedens bedste
Årets bedste
Sidste års bedste