Web Hosting Vodahost    

Home Take The Royal Tour! Order Now Features Prices
Go Back   Web Hosting > Graphics, Images, Logos Templates & CSS > CSS Cascading Style Sheets

Notices

CSS Cascading Style Sheets All topics and discussions relating to CSS Cascading Style Sheets.

Reply
 
LinkBack Thread Tools
  #1  
Old 10-04-2007, 12:29 PM
Collectors-info's Avatar
General
 
Join Date: Feb 2006
Location: London (UK)
Posts: 5,440
Default CSS div/table borders question.

Hi, I am trying to make a CSS with areas/panels that have borders for a basic page layout. This seems to be no problem with FF & Opera. But with IE it changes the size of the div area because it adds the border on the internal part of the div & leaves a larger gap between the panel areas. (At least I think this is what its doing)
Is there a way to stop this happening? So it looks the same in all browsers.
Sample page. http://www.collectors-info.com/testing/css-test.html






Thanks.
__________________
From Chris,

www.collectors-info.com
View sites in FF & IE, with res @ 1024 x 768 on 19” screens.

How to ask for help on the forum. - VH prices. - BV Tutorials. - Using PIXresizer - Image/Photo Tips

Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #2  
Old 10-04-2007, 05:49 PM
Watdaflip's Avatar
Brigadier General
 
Join Date: Sep 2005
Location: Cincinnati, Ohio
Posts: 1,638
Default Re: CSS div/table borders question.

The reason your getting the gaps is because bluevoda is using an absolute position for each of the div tags it generates. It is either automatically adding a 5 px space between elements, or you need to move each element closer by 5 px, and shrinking the width of the top and bottom div's that BV creates by 5 px.

Since the ones you added are within the BV div's, it takes on their absolute position.

Hope that helps, post again if it doesn't or its not clear (had a rough time explaining)


I attached a zip with a html file with the fixes, so it doesn't have the gaps, (if it will help)
Attached Files
File Type: zip edited code.zip (835 Bytes, 59 views)
__________________

Register/Login Script
Do you use a Password Protected Directory? Need a way to allow users to make their own account, try my .htaccess Login Script
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #3  
Old 10-04-2007, 07:56 PM
Collectors-info's Avatar
General
 
Join Date: Feb 2006
Location: London (UK)
Posts: 5,440
Default Re: CSS div/table borders question.

Hi CJ,
Thanks for the update & giving me some samples by example. (Which is great for me). I was hoping to create a few templates that were easily adjustable for BV users just like the BV shapes. So I was trying to have similar facilities that the shape has, but using the html boxes. The advantage of this, is to let BV users place a BV html box on the screen & adjust to what ever size they would like. But then have the facility to adjust colors/borders via a remote style sheet. (Not worried about the text just yet). With the html box on the screen it will still give the user a view of where the finished colored panel will end up as the html box will be a guide to where text & images can still be placed. Other wise a BV user will be working a bit blind. I think it can be done this way, but with a few limitations. I have adjusted the one that I did & is not too bad. http://www.collectors-info.com/testing/css-test.html
What i was hoping to do was have a facility to use Naval’s php style of pages with a simple CSS for global changes that was easy for all BV users.



Cheers.
Attached Files
File Type: zip css-test.zip (983 Bytes, 29 views)
__________________
From Chris,

www.collectors-info.com
View sites in FF & IE, with res @ 1024 x 768 on 19” screens.

How to ask for help on the forum. - VH prices. - BV Tutorials. - Using PIXresizer - Image/Photo Tips

Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Reply


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

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


All times are GMT +1. The time now is 08:57 PM.


Powered by vBulletin® Version 3.7.1
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC7
2007 VodaHost.com - All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55