Resell Print? Click here to see how we can help


Graphic Design Forums: UK forums for graphic designers » Website Design Forums: » Website Coding & Programming Forum: » Website rendering-css issue?

Reply
Old 07-24-2010, 08:33 PM   #1
Junior Member
 
Join Date: Jun 2010
Posts: 17
Thanks: 2
Thanked 0 Times in 0 Posts
Default Website rendering-css issue?

Hi guys
was just wondering if you could help
im trying to figure out the positioning of the page im doing
in opera & google chrome renders ok, but not in firefox & IE

ive tried several things and have added on a reset in css...:
#html, body {
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
width:980px;
height: 100%;
margin: auto;
}

/* Reset*/
html, body, div, span, object, h1, h1 a, h2, h3, address, code, img, small, strong, p, ul, li, dl, dt, dd, ol, ul, fieldset, form, label - all these has changed the footer and have removed it


but still does not work

can anyone help please?
any ideas most welcomed
thank you
p
Red Sea Diving Holidays, Egypt - Olympic Holidays
peps is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookStumble this Post!Twit this!
Reply With Quote
Old 07-26-2010, 01:45 PM   #2
Senior Member
 
creatabledesign's Avatar
 
Join Date: Mar 2010
Location: Swindon
Posts: 137
Thanks: 9
Thanked 15 Times in 14 Posts
Default

Could you elaborate a little more with a screenshot of the problem please? Why would you be setting, top, left, bottom, right on the body of the and also a width on the body..

That shouldn't work in any browser.

What are you trying to achieve? If you are trying to get a div element to center in the page you would do it like this.

body{ text-align:center; }
.wrapper{ width: 980px; margin:0 auto; text-align: left; }

HTML Markup

<body>
<div class="wrapper">
Content goes here and it is now centered
</div>
</body>

Please elaborate a little more and I may be able to help you further.
__________________
Regards,
Jonathan
http://www.creatabledesign.co.uk
creatabledesign is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookStumble this Post!Twit this!
Reply With Quote
Old 07-26-2010, 07:47 PM   #3
Junior Member
 
Join Date: Jun 2010
Posts: 17
Thanks: 2
Thanked 0 Times in 0 Posts
Default

HI there


thanks for the info
ive tried to fix the layers today and when ive converted them it did work
still though ive tried with the "wrapper" and the result is the same
so - bit to elaborate
if i have one layer ,say on the right hand side - then it works properly, but if i wanna keep too layers (i mean divs) then when i convert them into table then the problem comes

as far a s i know - nowadays the use of tables is not widelt applicable, but i have to keep it simple really for people after me to be able to update easy
so
for the time being it works & am thinking of converting the whole page into css - then the i think would be able to apply the corct rules and the tubles would not display improper.

thank you anyway
still any comments welcomed as im learning and it does help
thank you
peps is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookStumble this Post!Twit this!
Reply With Quote
Old 07-26-2010, 09:34 PM   #4
Junior Member
 
Join Date: Jun 2010
Posts: 17
Thanks: 2
Thanked 0 Times in 0 Posts
Default

just a quick screen shot of the page thats coming wrong

thank you
Attached Images
File Type: jpg screenshot-forum.jpg (95.5 KB, 6 views)
peps is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookStumble this Post!Twit this!
Reply With Quote
Old 07-27-2010, 07:39 PM   #5
Senior Member
 
creatabledesign's Avatar
 
Join Date: Mar 2010
Location: Swindon
Posts: 137
Thanks: 9
Thanked 15 Times in 14 Posts
Default

Are you sure that you are floating the elements correctly and also clearing after?
It could also be down to the elements within that column. The best way to problem solve this is to remove a box at a time from within the right hand column to work out which one is breaking the page.
__________________
Regards,
Jonathan
http://www.creatabledesign.co.uk
creatabledesign is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookStumble this Post!Twit this!
Reply With Quote
Old 07-29-2010, 07:57 PM   #6
Junior Member
 
Join Date: Jun 2010
Posts: 17
Thanks: 2
Thanked 0 Times in 0 Posts
Default

Quote:
Originally Posted by creatabledesign View Post
Are you sure that you are floating the elements correctly and also clearing after?
It could also be down to the elements within that column. The best way to problem solve this is to remove a box at a time from within the right hand column to work out which one is breaking the page.
Hi
thats exactly what ive done
have just removed layers one by one and saw where it breaks

i was thinking if i was to do this in css only, without the use of tables, then what is the quickest way to position all the layers

coz really, if i was to do it this way-then probably it would've taken me ages
(well, haveing in mind that im quite a newbie)-but i do believe that with more experience on the way, things can be done easier and quicker
thank you anyway
thanks
peps is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookStumble this Post!Twit this!
Reply With Quote
Reply

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
Trackbacks are On
Pingbacks are On
Refbacks are On



Flyer Printing | Print Reseller Scheme | Graphic Design | Logo Designer | Web Design UK | Graphic Design UK | Letterhead Printing
Business Card Printing | UK Business Forum | Logo Designer | NCR Pads | NCR Books | Receipt Books | Drinks Coasters | A6 Flyers | A5 Leaflets
Web Design & Development | vBulletin Skins | Small Business Websites | Leaflets | Leaflet Printing | Web Design Liverpool | Invoice Books


DISCLAIMER: All posts on this forum express the views and opinions of the author only, not the owners, staff or advertisers, hence we will not be held liable.


Powered by vBulletin®
© Copyright Jelsoft Enterprises Ltd
SEO by vBSEO 3.2.0 RC5 ©2008, Crawlability, Inc.