CSS help "pain or saint"?

Maylin · 01-04-2006, 01:54 PM

Hello people,

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
????: NamePros.com http://www.namepros.com/website-development/154174-css-help-pain-or-saint.html
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.

Rowan W · 01-04-2006, 05:53 PM

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 · 01-04-2006, 08:27 PM

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/authorin...yout/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 · 01-05-2006, 08:37 AM

"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

photoshopfreak · 01-05-2006, 09:26 AM

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

Rowan W · 01-05-2006, 03:42 PM

Originally Posted by Maylin

would XHTML and CSS work together? Thank You

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.
????: NamePros.com http://www.namepros.com/showthread.php?t=154174

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

01-04-2006, 01:54 PM	THREAD STARTER #1 (permalink)
Maylin NamePros Member Join Date: Oct 2005 Posts: 69	CSS help "pain or saint"? Hello people, 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 ????: NamePros.com http://www.namepros.com/website-development/154174-css-help-pain-or-saint.html 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. Last edited by Maylin; 01-04-2006 at 02:01 PM.

01-04-2006, 05:53 PM	#2 (permalink)
Rowan W NamePros Regular Join Date: Dec 2004 Location: QLD, Australia Posts: 713	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. __________________ Flash is bad for websites Why tables for layout is stupid IE IS BAD

01-04-2006, 08:27 PM	#3 (permalink)
JYM Senior Member Join Date: Sep 2005 Location: San Diego, California Posts: 1,078	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/authorin...yout/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. __________________ Ipzy.com - Free Proxy to visit Myspace/Facebook, Tech News, and more! Onlineness.com - Free Proxy FOR SALE: support.im \| tradepile.com

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
PHP, Mysql, CSS Coder Needed	weebguy	Web Development Wanted	1	12-27-2005 08:44 AM
Converting RedNerve to CSS - Hitting some problems!	will7	Web Design Discussion	10	12-13-2005 08:45 PM
Various CSS problems	Daniel Exe	Programming	1	11-22-2005 11:46 AM
CSS: what's the use of it?	lucesei	Programming	13	04-12-2004 08:21 AM

01-05-2006, 08:37 AM	THREAD STARTER #4 (permalink)
Maylin NamePros Member Join Date: Oct 2005 Posts: 69	"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

01-05-2006, 09:26 AM	#5 (permalink)
photoshopfreak NamePros Regular Join Date: Mar 2005 Location: UK Posts: 461	After fighting with my CSS all day then giving in to HTML i would say CSS is a PAIN

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