6 replies to this topic

[Jaymz]

Hello P2L Members!

I am in the need of some CSS assistance. I've decided that while I'm rennovating my site with a new layout, I might as well make an effort to become more standards compliant and use XHTML and CSS instead of tables. However, since I've never done this before I'm running into some problems.

I'm trying to create a fairly simple layout with some content boxes, but my inexperience in CSS is giving me some issues. Whenever I attempt to add a SPAN or DIV below my titles, it throws the rest of that area out of whack.

You can see my attempt at coding here: http://www.designbyj...v5/test_css.htm

And the layout I'm coding here:
http://www.pixel2lif...?showtopic=7459

[Mark]

Wait, you want to add spans underneath "Main Navigation" and "Latest Entries" and stuff? The alternating colored list items?

If you have AIM or MSN, contact me. MxVash - MarkA.Holmes@Gmail.com

[Jaymz]

Mark, on Jun 19 2005, 08:47 PM, said:

Wait, you want to add spans underneath "Main Navigation" and "Latest Entries" and stuff?  The alternating colored list items?

Yup

Edit: Thanks for the help, but I'm going with a different template

Edited by Jaymz, 19 June 2005 - 09:06 PM.

[Jaymz]

Okay, it's been a few days so I'm going to risk a taboo (Sorry Donna ) and bring this topic back rather than starting a new one.

As many of you know from my galleries topic, I've decided on another layout. Well, the coding is going great, except I've run into an inevitable problem with IE. I know the CSS support in IE is horrible, but I'm sure there is a solution.

http://www.designbyjaymz.com/temp/v5

The site looks perfect in Firefox so far, however, with viewed with IE the main content "wraps" below the side bar, kind of like when you insert an image in MS Word and change the wrapping. That's all find and dandy except I want the sidebar to be it's own column.

Please nobody tell me to use a table, I'm working towards a completely table-less design and trying very hard to maintain standards compliance. Any help is greatly appreciated.

[adam123]

Use a table

Where it says:

#contentcolumn {
color: #5F5F5F;
vertical-align: top;
overflow: auto;
margin-bottom: auto; }

in your css, add "width: 600px;" without the quotes, should stop it from wrapping. Adjust it to the right width so it looks good.

[Jaymz]

adam123, on Jun 22 2005, 02:19 PM, said:

Use a table

Where it says:

#contentcolumn {
color: #5F5F5F;
vertical-align: top;
overflow: auto;
margin-bottom: auto; }

in your css, add "width: 600px;" without the quotes, should stop it from wrapping. Adjust it to the right width so it looks good.

Now I feel stupid... Thanks Adam

[adam123]

No problem