Old 31-08-2006, 06:46   #1 (permalink)
hardybabe
Registered User
 
Join Date: Jul 2006
Posts: 6
Simple Layout Question?

Hi Everyone.
I have always used iframes for my designs and I have just launched a new website at http://www.holidoggys.co.uk , I am looking at doing SEO for this site and understand that the frames are going to be a problem and I should use seperate pages, As you can see, at the moment the content fits into the design perfectly as a scrollbar is added when the content exceeds the size of the content box (table width and height).... when I remove the iframe and put the content directly into the table, the content overlaps the height of the table and messes up the layout, how can I resolve this issue?
Thanks
Tanya
  Reply With Quote
Old 31-08-2006, 07:02   #2 (permalink)
finbarr
who the fuck am i?
 
finbarr's Avatar
 
Join Date: Apr 2005
Location: london
Posts: 2,508
Send a message via MSN to finbarr Send a message via Skype™ to finbarr
put your content in a containing div and use css to control the overflow property

as an example:
http://www.sarimillatrust.org/projects.html - the thumbs are in a containing div
  Reply With Quote
Old 31-08-2006, 07:11   #3 (permalink)
hardybabe
Registered User
 
Join Date: Jul 2006
Posts: 6
Quote:
Originally Posted by finbarr
put your content in a containing div and use css to control the overflow property

as an example:
http://www.sarimillatrust.org/projects.html - the thumbs are in a containing div

Thanks for replying. What coding would I need to use for the css to control the overflow property, not sure what you mean?
  Reply With Quote
Old 31-08-2006, 07:23   #4 (permalink)
mx
fucksocks™
 
mx's Avatar
 
Join Date: Jun 2005
Location: in the boosh
Posts: 1,622
give the div a height and set the overflow to 'auto'. ta da
__________________
  Reply With Quote
Old 31-08-2006, 07:37   #5 (permalink)
hardybabe
Registered User
 
Join Date: Jul 2006
Posts: 6
Quote:
Originally Posted by finbarr
put your content in a containing div and use css to control the overflow property

as an example:
http://www.sarimillatrust.org/projects.html - the thumbs are in a containing div

Ok, I have had a little play and got this working and its looking ok, but it also adds in a horizontal scrollbar, how can I remove this?
Thanks
  Reply With Quote
Old 31-08-2006, 07:57   #6 (permalink)
mx
fucksocks™
 
mx's Avatar
 
Join Date: Jun 2005
Location: in the boosh
Posts: 1,622
you need to make sure that the width of your content + the scrollbar width doesn't exceed the width of the div
__________________
  Reply With Quote
Old 31-08-2006, 10:33   #7 (permalink)
LadynRed
Senior Member
 
Join Date: Mar 2006
Posts: 147
You might want to reconsider that white text on the pale blue background, it's VERY hard to read.
  Reply With Quote
Old 31-08-2006, 12:35   #8 (permalink)
pedge
Crazy diamond...
 
pedge's Avatar
 
Join Date: Apr 2004
Location: Liverpool (UK)
Posts: 745
I agree - the white text on pale blue is murder on my eyes; on a more positive note, as a dog owner I think that's a good idea for a site, the wife and I will certainly use it if it works well...
  Reply With Quote
Old 31-08-2006, 14:19   #9 (permalink)
hardybabe
Registered User
 
Join Date: Jul 2006
Posts: 6
Thanks guys, advice taken.....have changed the font to black

Cheers!
  Reply With Quote
Reply



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools Search this Thread
Search this Thread:

Advanced Search


Contact Us - Web Design Forums - Archive - Top
Search Engine Optimization by vBSEO 3.0.0 RC8