Avatar billede charley78 Novice
07. august 2009 - 13:45 Der er 12 kommentarer og
1 løsning

hvordan fjerner jeg scrollbarer

http://www.daisyhill.dk/ jek siden ud i explorer. Der ses hele to scrollbarer i content-div'en til venstre. Kan nogen hjælpe med at fjerne dem?
Avatar billede doktoren001 Juniormester
07. august 2009 - 14:06 #1
Prøv lige at sætte din css kode ind her.
Avatar billede doktoren001 Juniormester
07. august 2009 - 14:11 #2
jeg fandt den på din side, prøv lige om det her virker:

html {height:101%;}

body {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
background-image : url(images/stribe.gif);
text-align : center;
margin : 0;
padding : 0;
}
div#container {
background : #ffffff;
width : 905px;
margin : 25px auto 0 auto;
text-align : left;
padding : 13px;
position : relative;
}
.clearfix{   
display: inline-table;/* Hides from IE-mac \*/   
height: 1%;   
display: block;/* End hide from IE-mac */
}
html>body .clearfix{   
height: auto;
}
.clearfix:after{   
content: ".";   
display: block;   
height: 0;   
clear: both;   
visibility: hidden;
}


div#banner {
height : 170px;
position : relative;
text-align : left;
}
div#logo {
position : absolute;
left : 752px;
top : 0;
}
div#undermenu {
height : 30px;
border-bottom : 1px solid #ffffff;
}
div#wrap {
width : 650px;
float : left;
}
div#wrap2 {
width : 250px;
float : right;
}
div#content {
background : #ffffff;
font-size:12px;
width : 400px;
float : left;
overflow : auto;
padding-left:30px;
padding-right:0px;
scrolling="no";
}
div#extra {
background : #ffffff;
width : 300px;
padding-right:150px;
float:right;
}
div#side-menu {
background : #ffffff;
width : 200px;
float : right;
}
div#godendt {
background : #ffffff;
height : 90px;
}
div#undermenu2 {
background : #ffcc33;
height : 50px;
width : 900px;
text-align : center;
}

.aktiv {
font-weight : bold;
}
.style2 {
    color: #FFFF33;
    font-weight: bold;
    font-size: 16px;
}
.style3 {
    font-size: 24px;
    font-weight: bold;
    color: #009933;
}
.style4 {
    font-size: 24px;
    font-weight: bold;
    color: #CC3300;
}
.style7 {
    font-size: 18px;
    color: #CC3300;
}
.style9 {font-size: 12px}
.style10 {color: #009933}
.style11 {
    color: #000000;
    font-weight: bold;
}
.style12 {font-size: 16px}

h1 {
font-size : 14px;
color : #000000;
font-weight : 100;
margin : 0;
padding : 0;
}
div#banner h1 {
font-size : 60px;
color : #600;
margin : 0;
padding : 0;
}
h2 {
font-size : 12px;
color : #000;
margin : 0;
padding : 0;
font-weight : bold;
}
h3 {
font-size : 65px;
color : #999999;
margin : 0;
padding : 0;
font-weight : bold;
}
h4 {
font-size : 12px;
color : #ff0000;
margin : 0;
padding : 0;
font-weight : bold;
}
h5{
font-size:12px;
color:#ffffff;
margin:0;
padding:0;
text-decoration:none;
font-weight:100;
}
h6{
font-size:12px;
color:#ffffff;
margin:0;
padding:0;
text-decoration:none;
font-weight:100;
}
p {
margin : 0;
padding : 0;
}

a:link {
    color: #006600;
    text-decoration: none;
}
a:visited {
    color: #003300;
        text-decoration: none;
}
a:active {
    color: #FFCC00;
        text-decoration: none;
}
a:hover{
    color:#FFCC33;
    text-decoration:none;
        text-decoration: none;
}
a img {
border : none;
}
div#topmenu ul {
padding : 0;
margin : 0;
list-style : none;
background : #ffffff;
float : left;
width : 100%;
}
div#topmenu ul li {
margin : 0;
padding : 0;
list-style : none;
display : inline;
}
div#topmenu ul li a {
padding : 2px 15px 2px 15px;
float : left;
border-right : 1px solid #fff;
}
div#topmenu ul li a:link, div#topmenu ul li a:visited {
text-decoration : none;
background : #ffffff;
color : #f4f3f3;
}
div#topmenu ul li a:hover {
background : #f4f3f3;
color : #000;
}
div#undermenu ul {
padding : 0;
margin : 0;
list-style : none;
background : #91bb45;
float : left;
width : 100%;
}
div#undermenu ul li {
text-decoration : none;
margin : 0;
padding : 0;
list-style : none;
display : inline;
}
div#undermenu ul li a {
text-decoration : none;
padding : 2px 15px 2px 15px;
float : left;
border-right : 1px solid #fff;
}
div#undermenu ul li a:link, div#topmenu ul li a:visited {
text-decoration : none;
background : #91bb45;
color : #555;
}
div#undermenu ul li a:hover {
text-decoration : none;
background : #91bb45;
color : #ffffff;
}
div#side-menu ul {
margin : 0;
padding : 0;
list-style : none;
border-top : 1px solid #fff;
}
div#side-menu li {
margin : 0;
padding : 0;
list-style : none;
}
div#side-menu a {
display : block;
padding : 3px 3px 3px 23px;
width : 149px;
border-bottom : 1px solid #fff;
}
div#side-menu a:link, div#menu a:visited {
text-decoration : none;
color : #000;
}
a:active {
text-decoration : none;
}
div#footer{
height:25px;
width:900px;
background:#70ae4a;
clear:both;
text-align:center;
font-size:12px;
color:#ffffff;
font-weight: 300;
text-align:center;
text-decoration:none;
}
div#footer ul li a {
text-decoration : none;
}
div#footer ul li a:link, div#topmenu ul li a:visited {
text-decoration : none;
background : #91bb45;
color : #555;
}
div#footer ul li a:hover {
text-decoration : none;
background : #76a33c;
color : #ffffff;
}
Avatar billede charley78 Novice
07. august 2009 - 14:16 #3
altså, det ville da være rarty at vide hvori ændringen består i stedey for bare at paste en løsning ind.
ER det den første linie eller har du også lavet andet?

:o)
Avatar billede charley78 Novice
07. august 2009 - 14:19 #4
jeg kan godt lide du kalder dig doktoren. Se lige hvordan det ser ud nu!

(... never mind jeg gemte den oprindelige css)
Avatar billede charley78 Novice
07. august 2009 - 14:22 #5
- du må gerne sige til, når du har set den. Jeg vil meget gerne skifte den ud med det oprindelige igen så snart det er muligt!
Avatar billede doktoren001 Juniormester
07. august 2009 - 14:28 #6
Skift den bare ud igen, jeg har set den. Find du bare en anden til at hjælpe med dit problem. Du er da ikke værd at bruge tid på.
Avatar billede charley78 Novice
07. august 2009 - 14:31 #7
? Den forstod jeg vist ikke!

... up to you!
Avatar billede olebole Juniormester
07. august 2009 - 15:44 #8
<ole>

Er grunden til, at doktoren001 stort set aldrig blander sig i kodekategorierne, mon manglende evne til at indse egne fejl - eller bare manglende kodekompetencer? Umiddelbart ser det ud til at være en kombination. Den slags 'løsninger' er det i hvert fald ikke værd at bruge tid på!  ;o)

charley78 >> De to scrollbars skyldes din bredde på billederne, sammenholdt med bredden på content - dets padding-. og overflow-værdier.

Billederne er 400px bredde. Når du lægger 30px padding i den ene side af divet, må du også øge dets bredde tilsvarende: 430px (padding og border lægges til et elements dimensioner):

div#content {
    background : #ffffff;
    width : 430px;
    float : left;
    overflow : auto;
    padding-left:30px;
    padding-right:0px;
}

- eller:

div#content {
    background : #ffffff;
    width : 400px;
    float : left;
    overflow : auto;
    padding-left:0px;
    padding-right:0px;
}

Og sagen er, at får du først introduceret én af scrollbarerne, er der pludselig dét mindre plads - hvilket fremtvinger den anden. Derfor fremkommer de begge to  ;o)

/mvh
</bole>
Avatar billede charley78 Novice
07. august 2009 - 15:54 #9
tak for venlig opbakning Ole ;o) og tusind tak for løst problem :o)

Du skal have points!


(sumsum..
... så mangler jeg bare svar fra gutten der hoster serveren. Tænk.. hver gang jeg lægger et billed (hvalpe-030.gif), der skulle have figureret øverst ti højre sammen med teksten, så bliver det bare overskrivet med en enslydende fil, der dog kun vejer 0kb. Lyder som en virus..)
Avatar billede olebole Juniormester
07. august 2009 - 19:09 #10
Selvtak  =)

Hvad sker der, hvis du sletter billedet på serveren og uploader en helt anden gif-fil med samme navn? Lykkes det, kan det være din nuværende fil, som er 'syg'.

Hvad sker der, hvis du sletter filen fra serveren og uploader din nuværende gif-fil med et andet navn?
Avatar billede olebole Juniormester
07. august 2009 - 19:10 #11
PS: lad være med at overskrive billedet. Slet det, før du uploader påny
Avatar billede doktoren001 Juniormester
07. august 2009 - 19:19 #12
Det har på ingen måde noget at gøre med at kunne se egne fejl. Det har noget at gøre med at bruge tid på at se om man kan hjælpe, hvorefter man får en kommentar som: "jeg kan godt lide du kalder dig doktoren. Se lige hvordan det ser ud nu!", hvad går det ud på?????
Kunne man evt. skrive: "Det virkede ikke". Det er ihvertfald en mulighed.
Derfor mener jeg ikke det er tiden værd at hjælpe.
Avatar billede olebole Juniormester
07. august 2009 - 19:41 #13
Herregud, hvor følsom kan man dog være?  :)

At du ønsker at hjælpe, er helt fint, men man må da også være en anelse realistisk og indse, hvornår et problem ligger langt udenfor ens kompetencer. I dét lys, finder jeg kommentaren om 'doktoratet' ganske uskyldig og humoristisk  ;o)
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