CSS help "pain or saint"?

[Maylin]

Hello people, :yell:

I have a sample site with a little css script on it, I've been getting into it more and more, but what really befundles me the most, is the positioning of the css boxes.

I can't really get them positioned beside one another unless I use html script type tables. However, at www.w3schools.com, they mention an external style sheet must contain only css coding only.

Mandrian Design
(http://www.mandarindesign.com)
has good css tips, which I got my boxes from. They show that Mozilla and Internet Explorer can "get a long" and show the same content as is.

I just can't figure out how to make, completely in CSS, boxes that look fine in Mozilla and Internet Explorer. They look fine in Mozilla, but the boxes are completely offset in Internet Explorer.

I like the way the boxes align next to each other on this site
http://www.x360edge.com , but not exactly like the site itself
I just want to figure out how the boxes can stay next to other boxes,
even if it is an image box used, or actual html tables keeping them aligned.
I noticed, it lookes like this person used an external css script at the top
of the notepage.

If anyone can tell me of any good sites for any of this information, I thank you very much in advanced.
My sample css site is on:

1. http://www.engrtp.com
2. then go to Other on the tool bar
3. Click on Sabrinas Site
4. Click on 2 LINK

Thank You, any information is very appreciated right now. :tu: :yell:

 

[Rowan W]

First of all, validate the page. http://validator.w3.org

Secondly, use a proper standards compliant doctype (XHTML strict removes most bugs in IE): http://www.w3.org/QA/2002/04/valid-dtd-list.html

After you've done those two things you will have less problems.

 

[JYM]

well there are many different ways you can use css for your layout. If your layout is more a table based layout (like it was a template sliced with photoshop, but you do NOT want tables in the code), then you would use css. I personally used css and the attribute "position: absolute;". However I already knew what content I would have beforehand and so i didn't need expandable divs.

If you need expandable divs you probably have your website into a popular 3 column layout. You can try these links:
http://www.webreference.com/authoring/style/sheets/layout/advanced/
http://www.alistapart.com/articles/practicalcss/

Once I started CSS i can't stand coding with tables anymore. CSS takes me a bit more time since i need to manually code the entire site instead of using the code generated by photoshop and going from there, but it gives you ultimate control once you grasp it. I still have a far way to go to be able to make css like www.csszengarden.com but I'm getting there I encourage you to continue with it since tables are last century.

 

[Maylin]

"Secondly, use a proper standards compliant doctype (XHTML strict removes most bugs in IE): http://www.w3.org/QA/2002/04/valid-dtd-list.html"

Roman W, thanks for your advice with the XHTML, but right now, I'm just trying to get the hang of css, people say its soo easy, but it still confuses me, well....o.k., maybe alot. So I'd say it would work, but I'm more interested in making my css code more absolute. Also would XHTML and CSS work together? Thank You :tu: :tu: :tu: :tu: :yell:

 

[photoshopfreak]

After fighting with my CSS all day then giving in to HTML i would say CSS is a PAIN :yell:

 

[Rowan W]

would XHTML and CSS work together? Thank You :tu: :tu: :tu: :tu: :yell:

XHTML is a refined version of normal HTML, the differences are minor enough that you'll be able to pick up XHTML very quickly. And yes, CSS goes hand in hand with XHTML as well as HTML.

http://www.w3.org/TR/xhtml1/