Tableless CSS question

#1

I am in the process of building my first talbleless site, but am having
some issues with the padding. Currently my page looks a lot different on
my computer(mac) then on a pc. I think the problem stems from he padding
and the standart/quirk mode. The floats have the right width on my
computer, but not on a pc. Someone had mentioned something about
standart and quirks mode and I am wondering if that would fix or help
with this problem.

You can have a look at what I am talking about here:
http://www.agilitygraphics.com/clients/bdc/pages/featured.html

The css is here:
http://www.agilitygraphics.com/clients/bdc/css/browman.css

Basically, the whole page should look like one column and not be broken
up into steps of varing thicker and thinner sections. What can I do
about this?

Thanks a lot for any help,
Brian

#2

Ooops just answered your other thread.

Well you have a correct doctype that you are using.

As I said in my other thread its likely that the browser you are using
on the PC is IE5x. This failed to add the padding to the width of a
<div> call the 'box model' issue.

I see you have some conditional comments for IE5x in the <head> section
of your page. Add the correct width for the <div> you want at 299px into
those at you should be ok.

All other 'modern' browsers should get the width of the <div> correct
width + padding + borders

I rarely use left/right paddding as it can become quite confusing. I
usually add the padding to the contents within the <div> like a
paragraph <p>.

Another way is to set the <div> to the correct width 299px and insert
another <div> inside that but don't give it a width, just give it
paddding 40px left/right. That way you get over the box model isssue
because you ahvent set a definitive with for the 'inner' <div>.

Brian wrote:

Quote:

I am in the process of building my first talbleless site, but am having
some issues with the padding. Currently my page looks a lot different on
my computer(mac) then on a pc. I think the problem stems from he padding
and the standart/quirk mode. The floats have the right width on my
computer, but not on a pc. Someone had mentioned something about
standart and quirks mode and I am wondering if that would fix or help
with this problem.

You can have a look at what I am talking about here:
http://www.agilitygraphics.com/clients/bdc/pages/featured.html

The css is here:
http://www.agilitygraphics.com/clients/bdc/css/browman.css

Basically, the whole page should look like one column and not be broken
up into steps of varing thicker and thinner sections. What can I do
about this?

Thanks a lot for any help,
Brian

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Tableless CSS question

Macromedia Dreamweaver Macromedia Dreamweaver Discussions (macromedia.dreamweaver)

Tableless CSS question - 11-06-2005 , 11:22 PM

Re: Tableless CSS question - 11-07-2005 , 01:42 PM