Jump to content

Page scrolling


dembo1305

Recommended Posts

Wasn't sure if this should be here or in basic, but Layout goes like this.

 

I have a wrapper( header-wrapper[ header, logo], navigation, body-wrapper{body-header, body}, footer)

 

What is happening is I try to put overflow:auto in the body area and end up with a scroll bar in the body and then a scroll bar for what little page I have (about 700px)

 

I want the body and wrapper to grow as I start adding stuff like pictures.. right now I have a white background set for the wrapper and the body and a red background color overall

 

when I add pictures the pictures fill up the body and then keep going but where the line stops for the wrapper/body the pictures start being overlayed onto the red background..

 

How can I stop this? Hope this makes sense1

Link to comment
Share on other sites

I think I know what you are saying, but you'll probably need to post your code (HTML + CSS) or a link to your page so we can help you.

I attached my main page, and the css file, although the problem doesn't occur untill i add more too it.. just copy that picture 3 or 4 times.

 

EDIT: In case you need it here is a link to the actual site.. www.forestcitybaseball.com

FCBB.css

index.html

Link to comment
Share on other sites

Oh My - THIS is why using tables for layout is not a good idea - coding nightmare.

 

Have you thought about just using CSS positioning for your layout?

 

In general, bodys and divisions grow with content - unless you have a set height specified, which causes problems, as you can tell.

 

Here's a brief tutorial on overflow: http://www.csstutorial.net/2010/06/the-css-overflow-property/

Link to comment
Share on other sites

Oh My - THIS is why using tables for layout is not a good idea - coding nightmare.

 

Have you thought about just using CSS positioning for your layout?

 

In general, bodys and divisions grow with content - unless you have a set height specified, which causes problems, as you can tell.

 

Here's a brief tutorial on overflow: http://www.csstutorial.net/2010/06/the-css-overflow-property/

 

I didn't think I was using tables..

I think the biggest thing I don't understand about css is the "em" units or whatever..

Also how can I add styles to different items within one section?

Link to comment
Share on other sites

Check your source code - it's full of <table>, <tr>, and <td>s - those are table tags.

 

Here is an explanation of em: http://en.wikipedia.org/wiki/Em_%28typography%29

 

You should probably read through some basic CSS tutorials - for example: http://www.csstutorial.net/introductionCSS.php

Link to comment
Share on other sites

Check your source code - it's full of <table>, <tr>, and <td>s - those are table tags.

 

Here is an explanation of em: http://en.wikipedia.org/wiki/Em_%28typography%29

 

You should probably read through some basic CSS tutorials - for example: http://www.csstutorial.net/introductionCSS.php

 

Sorry but I didnt' use any of those in my page. I never learned tables. I picked up CSS about 5 years ago when I was on myspace creating my own layouts..

 

Unless you aren't getting the page correctly somehow or it's adding them when you view the source, I have no table tags..

Link to comment
Share on other sites

sorry that was a mistake on my part. the actual site is forestcitytravelball.com

I didn't use any tables in it.

The other site is for a local team, that was the domain that we were wanting to get, but it was already taken

 

Also keep in mind this is the second website i've made. The other was made last year for my Senior Project, and it didn't get published.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...