Weird CSS spacing issue

S

Scotty

Hey everyone
I have been having a hard time getting a couple of divs to align properly,
when something works in IE it looks wrong in FF and vice versa. Anyway I
have completely run out of ideas. You can see my latest attempt at:
www.scottscorneroftheweb.com/test-layout

The issue is in the div "right"
As you can see I have nearly got it. It looks perfect in FF but in IE the
text that gets wrapped onto a second line doesn't align directly below the
lien above it, it looks like it is a pixel or two to the left. Can anyone
see a way in which I can get the black text to align under each other?
Thanks a lot
 
S

Steve Pugh

Scotty said:
Hey everyone
I have been having a hard time getting a couple of divs to align properly,
when something works in IE it looks wrong in FF and vice versa. Anyway I
have completely run out of ideas. You can see my latest attempt at:
www.scottscorneroftheweb.com/test-layout

The issue is in the div "right"
As you can see I have nearly got it. It looks perfect in FF but in IE the
text that gets wrapped onto a second line doesn't align directly below the
lien above it, it looks like it is a pixel or two to the left. Can anyone
see a way in which I can get the black text to align under each other?
Thanks a lot

Three Pixel Text Jog bug:
http://www.positioniseverything.net/explorer/threepxtest.html

Though in this case a two column table would actually be more logical
than a whole set of floated divs.

And the black text on dark blue background is a much more serious
problem.

Steve
 
S

Scotty

Steve Pugh said:
Three Pixel Text Jog bug:
http://www.positioniseverything.net/explorer/threepxtest.html

Though in this case a two column table would actually be more logical
than a whole set of floated divs.

And the black text on dark blue background is a much more serious
problem.

Steve

Thanks for the link. As for tables, I was under the impression that tables
were no longer considered good form in website design and that CSS
formatting was now pretty much standard? I know I could do this in like two
seconds with tables, should that be what I do?
 
S

Steve Pugh

Scotty said:
Thanks for the link. As for tables, I was under the impression that tables
were no longer considered good form in website design and that CSS
formatting was now pretty much standard?

Tables are meant to be used to markup tabular data. You have a logical
relationship between the columns and rows of your event listing (you
could add headers reading "date" and "event" to each column and it
would make sense). Hence you have tabular data.

Tables are not meant to be used to create page layouts (i.e. your three
column layout should not be done with tables).
I know I could do this in like two
seconds with tables, should that be what I do?

Yes. Use the appropriate HTML and then apply CSS to give it the
appearance you want.

<div id="right">
<h2>Upcoming Events</h2> (Or whatever is appropriate in your page's
hierarchy of headings)

<table class="eventsListing"><caption>ASP World Tour</caption>
<tr><td class="date">28/3:</td><td class="event">Quicksilver Pro (Gold
Coast)</td></tr>
.....
</table>
</div>

Steve
 
S

Scotty

Steve Pugh said:
Yes. Use the appropriate HTML and then apply CSS to give it the
appearance you want.

<div id="right">
<h2>Upcoming Events</h2> (Or whatever is appropriate in your page's
hierarchy of headings)

<table class="eventsListing"><caption>ASP World Tour</caption>
<tr><td class="date">28/3:</td><td class="event">Quicksilver Pro (Gold
Coast)</td></tr>
....
</table>
</div>

Steve

Thanks Steve, I appreciate you taking the time to answer my questions.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

No members online now.

Forum statistics

Threads
473,744
Messages
2,569,484
Members
44,903
Latest member
orderPeak8CBDGummies

Latest Threads

Top