Webmaster Forum

Go Back   Webmaster Forum > Web Development > Coding Forum

Coding Forum Problems with your code? Discuss coding issues, including JavaScript, PHP & MySQL, HTML & CSS, Flash & ActionScript, and more.


Reply
 
Thread Tools Display Modes
Share |
  #1  
Old 11-14-2008, 02:13 PM
astrosmf's Avatar
astrosmf astrosmf is offline
Junior Member
 
Join Date: 08-18-08
Posts: 9
iTrader: 0 / 0%
CSS Problem

Here is my stylesheet:
Code:
@charset "utf-8"; * { margin: 0px; padding: 0px; } a img { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; } ul { list-style-type: none; } body { background-color: #e2e2e2; text-align: center; } #wrapper { text-align: left; width: 800px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; background-color:#FFFFFF; } #header { height: 85px; width: 800px; } #header #logo { float: left; height: 85px; width: 213px; } #header #righttext { float: right; height: 85px; width: 263px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-align:right; margin-right:12px; font-weight:bold; } #banner { height: 200px; width: 800px; } #banner #leftdiv { float: left; height: 200px; width: 349px; background-color:#FFFFFF; } #banner #bannerImages { float: left; height: 200px; width: 451px; } #banner #leftdiv #green { height: 43px; padding-top:40px; width: 349px; background-color:#149ea1; } #banner #leftdiv #black { height: 83px; width: 349px; background-color:#413938; margin-top:4px; } #banner #leftdiv #borderss { height: 16px; width: 138px; border-right:1px solid #413938; } #content{ width: 800px; min-height:500px; background-color:#FFFFFF; } #content #leftmenu{ float:left; height:500px; width: 138px; border-right:1px solid #413938; } #titlebar{ padding-left:15px; padding-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#000000; font-weight:normal; } #copyright{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000000; font-weight:bold; } #content #rightcontent{ padding-left:10px; padding-right:10px; float:left; height: 500px; width: 640px; } .upper{ float:right; width:127px; height:25px; background-image:url(bg-top.jpg); background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:bold; } .upper a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:bold; text-decoration:none; } .upper a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:bold; text-decoration:none; color:#139ea1; } .bar{ float:right; width:127px; height:30px; padding-top:16px; background-image:url(bg-box.jpg); background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:bold; } .bar a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:bold; text-decoration:none; color:#000000; } .bar a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:bold; text-decoration:none; color:#139ea1; }
here is an example of my problem:
Code:
http://www.bluesanddesign.com/gemini/contactus.php
The page isn't extending when the content is longer than the normal page... not sure how to fix this... any ideas?

Thanks
 
Reply With Quote

Advertisement

Advertisement

  #2  
Old 11-16-2008, 10:24 PM
nic nic is offline
Member
 
Join Date: 10-19-07
Location: Australia
Posts: 36
iTrader: 0 / 0%
The best at a glance i could think is may be one of the DIV elements could be rigid in size on its element.
 
Reply With Quote
  #3  
Old 11-17-2008, 05:05 AM
Boogle's Avatar
Boogle Boogle is offline
Contributing Member
 
Join Date: 09-03-07
Location: England
Posts: 649
iTrader: 0 / 0%
Quote:
Originally Posted by astrosmf View Post
Here is my stylesheet:
Code:
@charset "utf-8"; * { margin: 0px; padding: 0px; } a img { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; should be: border:0; } ul { list-style-type: none; } body { background-color: #e2e2e2; text-align: center; } #wrapper { text-align: left; width: 800px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; background-color:#FFFFFF; } #header { height: 85px; width: 800px; } #header #logo { float: left; height: 85px; width: 213px; } #header #righttext { float: right; height: 85px; width: 263px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-align:right; margin-right:12px; font-weight:bold; } #banner { height: 200px; width: 800px; } #banner #leftdiv { float: left; height: 200px; width: 349px; background-color:#FFFFFF; } #banner #bannerImages { float: left; height: 200px; width: 451px; } #banner #leftdiv #green { height: 43px; padding-top:40px; width: 349px; background-color:#149ea1; } #banner #leftdiv #black { height: 83px; width: 349px; background-color:#413938; margin-top:4px; } #banner #leftdiv #borderss { height: 16px; width: 138px; border-right:1px solid #413938; } #content{ width: 800px; min-height:500px; background-color:#FFFFFF; } #content #leftmenu{ float:left; height:500px; // why? width: 138px; border-right:1px solid #413938; } #titlebar{ padding-left:15px; padding-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#000000; font-weight:normal; } #copyright{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000000; font-weight:bold; } #content #rightcontent{ padding-left:10px; padding-right:10px; float:left; height: 500px;// why? width: 640px; } .upper{ float:right; width:127px; height:25px; background-image:url(bg-top.jpg); background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:bold; } .upper a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:bold; text-decoration:none; } .upper a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:bold; text-decoration:none; color:#139ea1; } .bar{ float:right; width:127px; height:30px; padding-top:16px; background-image:url(bg-box.jpg); background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:bold; } .bar a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:bold; text-decoration:none; color:#000000; } .bar a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:bold; text-decoration:none; color:#139ea1; }
here is an example of my problem:
Code:
http://www.bluesanddesign.com/gemini/contactus.php
The page isn't extending when the content is longer than the normal page... not sure how to fix this... any ideas?

Thanks
Hey see what i've put in red. Do you also have a HTML page we could see?

Boog's
 
Reply With Quote
Go Back   Webmaster Forum > Web Development > Coding Forum

Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Google's China Problem (and China's Google Problem) - NYTimes Sunday Mag (4/23/06) Julie Google Forum 4 10-26-2009 02:54 PM
Problem with godaddy. Post your problem here!! charlesgan Web Hosting Forum 12 04-22-2009 08:41 AM
Problem with text looking funky on windows… maybe an anti aliasing problem? jpf566 Web Design Lobby 2 07-09-2008 06:40 AM


V7N Network
Get exposure! V7N I Love Photography V7N SEO Blog V7N Directory


All times are GMT -7. The time now is 12:07 PM.
Powered by vBulletin
Copyright © 2000-2014 Jelsoft Enterprises Limited.
Copyright © 2003 - 2018 VIX-WomensForum LLC