...

View Full Version : HELP! Unwanted Scroll Bar!



allisonwrote
05-12-2008, 11:08 PM
Forgive me for being daft, but I'm trying to organize the examples page of my client's website and I don't want the bottom scroll bar appearing. How can I fix this?

http://www.allisonwrote.com/aussie/examples

HTML:

<div class="ic">
<div class="il">
<div class="it">Landscaping</div>
<a href="http://www.allisonwrote.com/aussie/examples/landscaping.html">
<img src="http://www.allisonwrote.com/aussie/images/landscape.jpg" alt="Landscaping"/>
</a>
</div>
<div class="ir">
<div class="it">Retaining Walls</div>
<a href="http://www.allisonwrote.com/aussie/examples/retaining.html">
<img src="http://www.allisonwrote.com/aussie/images/retaining.jpg" alt="Retaining Walls"/>
</a>
</div>
<div class="cc"/>
</div>

CSS:

.ic { width: 800px }
.il {
float: left;
text-align: center;
margin: 10px 50px 10px 100px;
}
.ir {
float: left;
text-align: center;
margin: 10px 0px 10px 50px;
}
.it { font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #5C4033;
}
.cc { clear: both; }

thanks,

allison

jcdevelopment
05-12-2008, 11:34 PM
your links not working, do you have a different one?

allisonwrote
05-12-2008, 11:39 PM
Sorry, I don't know why that happened, but if you just manually type that into your browser you shouldn't have a problem (I tried it on a different computer)

FWDrew
05-12-2008, 11:43 PM
No no, still doesnt work, "403 Forbidden"

Drew

allisonwrote
05-12-2008, 11:45 PM
I'm very sorry, no idea why this happened, I'll fix it and then report back.

oesxyl
05-13-2008, 01:07 AM
I'm very sorry, no idea why this happened, I'll fix it and then report back.
probably the file is readonly, try to change permision to 644.

about problem, I guess you have the width sum of the pictures, border, padding, margin over the width of the container. If you don't want to increase the container width, use overflow property to block the scroller.

regards

Donkey
05-13-2008, 02:35 AM
I think the link should have been
http://www.allisonwrote.com/aussie/examples.html

I see no scroll bar?

allisonwrote
05-13-2008, 04:05 PM
oh my god. i am an IDIOT. you are exactly right, donkey.

about the scroll bar: i fixed it! the overflow: hidden did just the trick.

thanks. wow. i was OUT OF IT yesterday.

x
allison

jcdevelopment
05-13-2008, 04:10 PM
Now, did that work for IE or FF. Because if you do that anything that goes below a users browser will not show up because it is overflowing!

oesxyl
05-13-2008, 08:41 PM
oh my god. i am an IDIOT. you are exactly right, donkey.

about the scroll bar: i fixed it! the overflow: hidden did just the trick.

thanks. wow. i was OUT OF IT yesterday.

x
allison
in order to look well you must have same width/height of the pictures, that means all of them to be 400 x 300 px for example. You can fix this for bigger/smaller pictures with css but you lose quality in both cases, incerase loding time in first case, poor resolution in second.
The aspect ration 4:3 is important because this is how a normal photo is.

regards

allisonwrote
05-13-2008, 11:00 PM
you're absolutely right. that was just a mockup. my photoshop is on my PC that my dad shares a monitor with, so i was going to fix that when i had access to photoshop.

x
allison

radamsiii
05-14-2008, 05:02 AM
I am new to all this and I read these posts to learn, so I am in no way as good as you guys are, but just an observation, isnít your head tag supposed to be above your meta tags and I do not see a open body tag either. Just an observation..

jcdevelopment
05-14-2008, 05:51 AM
^^ he does have a point about validation

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.allisonwrote.com%2Faussie%2Fexamples.html (http://validator.w3.org/check?verbose=1&uri=http&#37;3A%2F%2Fwww.allisonwrote.com%2Faussie%2Fexamples.html)

oesxyl
05-14-2008, 10:52 PM
I am new to all this and I read these posts to learn, so I am in no way as good as you guys are, but just an observation, isnít your head tag supposed to be above your meta tags and I do not see a open body tag either. Just an observation..
yes, you are right, seems that nobody look to page source, including me, :)

regards

allisonwrote
05-14-2008, 11:06 PM
you're right about that, i don't know why that page has that problem. my index page is correct, but my examples page isn't.

weird....well, thanks for pointing it out! i fixed it.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum