Hej Thomas!
"Thomas K" <thomas@thomaskaarup.com> skrev i en meddelelse
news:1146677650.189060.64110@v46g2000cwv.googlegroups.com...
har prøvet nogle forskellige css koder til at fjerne den vandrette
scroll bar med, men intet virker og er ikke meget for at bruge JS til
det.
grunden til den kommer er at jeg har brugt nogle div tags med 100%
width for det er den eneste måde jeg kender til pt som kan få div til
automatisk at fylde siden ud og derfor kommer den scrollbar
hvis der er en anden måde at bruge div på vi jeg gerne bare vide det
Du får lige løsningen her (jeg har kun medtaget kode, som jeg har ændret i -
resten skal du bare lade være, som det er!):
I dit stylesheet:
div.title {
position: absolute;
top: 0px;
left: 0px;
color: #FFFFFF;
background-color: #000000;
border-bottom-color: #FF0000;
border-bottom-style: solid;
border-bottom-width: 5px;
width: 100%;
height: 80px;
} <-- /* Her har jeg fjernet "padding-left:150px;padding-top:10px;" */ -->
img.logo {
padding-left:150px;
padding-top:10px;
} <-- /* Denne klasse skal du bruge til dit logo - se længere nede! */ -->
div.sidebar {
position: absolute;
top: 85px; <-- /* Her har jeg kun ændret på afstanden til toppen! */ -->
left: 0px;
padding-top: 100%;
background-image: url(../images/pic_index_rest.jpg);
background-position: top center;
background-repeat: no-repeat;
background-color: #000000;
background-attachment: fixed;
width: 150px;
height: 300px;
}
I din HTML-fil:
<div class="title">
<img class="logo" src="assets/images/logo.jpg" alt="Logo" width="350"
height="58">
</div> <-- /* BEMÆRK!! Her har jeg indsat class="logo"!! */ -->
Og så mangler du en afslutning af <div class="title"> i bunden (under ordet
TESTER)...
Og så lige til sidst:
I FF og Opera kan man ikke se dit baggrunds-billede i <div
class="sidebar"> - din baggrunds-farve dækker over det...
En alternativ løsning på det:
Stylesheet:
div.sidebar {
position: absolute;
top: 85px;
left: 0px;
background-color: #000000;
width: 150px;
min-height:400px;
height: 400px;
text-align:center;
}
head+body div.sidebar { /* Læses ikke af IE */
height:auto;
} <-- /* Tilføj dette i dit stylesheet - det gør at højden på div.sidebar
ikke er mindre end 400px, men at den samtidig udvider sig, hvis indholdet
fylder mere end 400px i højden.... */ -->
I HTML:
<div class="sidebar">
<img src="/assets/images/pic_index_rest.jpg" title="" alt="">
</div>
En anden mulighed er (og den er endnu bedre!), at du laver en baggrundsfil,
som skal dække både din sidebar og indholds-delen, og så sætter den ind som
background-image i body i dit stylesheet, og sætter
"background-repeat:repeat;" - på den måde følges højden på sidebar og
indhold ad, og du kan så stadig have en baggrundsfarve på toppen - jeg har
selv lavet det samme her:
http://www.skovaa-munding.dk/
Én baggrundsfil til menu og indhold (125px sort og resten blå - så den
bliver ca. 2000px i bredden), og det giver ingen vandret scrollbar!
Men det kan du læse meget mere om her:
http://www.html-faq.dk/2003.asp
(hvor jeg selv har hentet inspiration og lærdom...)
Håber du kan bruge det til noget, og skulle du være i tvivl, så bare spørg
igen...
Med venlig hilsen
--
Dennis Munding
Web-master
http://www.skovaa-munding.dk/, http://www.mundings-memorial.dk/
http://www.cantica.dk/, http://www.pe-vagtservice.dk/,
http://www.eds-denmark.dk/