Web Design Forums

Rakan · 15-10-2005, 00:05

I don't even know what to google for... I'm making my first few baby-steps into CSS and this problem comes up...

I have a DIV ---> "container"

When I put text in the DIV just by iteself (no paragraph tags)... it aligns properly with the column next to it... "links".................. but the second the paragraph tag gets used, it bumps the top of the text down a few notches and my two columns no longer align...

what's the deal with this? Pleae help....................... Thanks

Rakan · 15-10-2005, 00:14

well i did this...

p { margin: 0px; padding: 0px; }

and it now looks fine... but somebody please..................... explain why...

roto · 15-10-2005, 00:51

You'll get better help if you post the code and a link to the page. It helps to see a working example.

pgo · 15-10-2005, 04:34

I'm guessing you were using floats.

There's probably a default margin/padding issue going on that made the total width of the two floats wider than the container. That'll cause one to drop down the screen...

But he's right. A link would by muy helpful.

Rakan · 15-10-2005, 05:10

Well, the thing is... It's only tagged paragraphs that are messing things up. If I have a paragraph inside a div, it drops the text down on a 2-column layout. I'll try and post a link later on today.

Ps

pgo... dude... my first full CSS design... done

---- it's nothing too glamerous... but I'll be posting it soon for some of your CSS expertise

15-10-2005, 00:05	#1 (permalink)
Rakan Senior Member Join Date: Mar 2005 Posts: 567	CSS Crepe I don't even know what to google for... I'm making my first few baby-steps into CSS and this problem comes up... I have a DIV ---> "container" When I put text in the DIV just by iteself (no paragraph tags)... it aligns properly with the column next to it... "links".................. but the second the paragraph tag gets used, it bumps the top of the text down a few notches and my two columns no longer align... what's the deal with this? Pleae help....................... Thanks

15-10-2005, 00:51	#3 (permalink)
roto Floating libation anyone? Join Date: Apr 2003 Location: El Barco del Amor Posts: 4,650	You'll get better help if you post the code and a link to the page. It helps to see a working example. __________________ fun: HGC v.4 \| last.fm: DT \| me \| *oi! fck u roto: ...via meebo! New to interweb design?** Your friends at dt can help.

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

15-10-2005, 00:14	#2 (permalink)
Rakan Senior Member Join Date: Mar 2005 Posts: 567	well i did this... p { margin: 0px; padding: 0px; } and it now looks fine... but somebody please..................... explain why...

15-10-2005, 04:34	#4 (permalink)
pgo Senior Member Join Date: Jan 2005 Posts: 12,340	I'm guessing you were using floats. There's probably a default margin/padding issue going on that made the total width of the two floats wider than the container. That'll cause one to drop down the screen... But he's right. A link would by muy helpful.

15-10-2005, 05:10	#5 (permalink)
Rakan Senior Member Join Date: Mar 2005 Posts: 567	Well, the thing is... It's only tagged paragraphs that are messing things up. If I have a paragraph inside a div, it drops the text down on a 2-column layout. I'll try and post a link later on today. Ps pgo... dude... my first full CSS design... done ---- it's nothing too glamerous... but I'll be posting it soon for some of your CSS expertise

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