CSS divs help needed

unknowngiver · 05-16-2007, 04:53 PM

Edit: Okay i figured some of the stuff out
now the only problem i am having is the width
the div can overflow..i dont want that happen....as u can see...stufff and the text on the main body go beyond there sections

Hey
I took the suggestion of the fellow np'ers and decided to use DIVS instead of tables and i am having some trouble
i have managed to create a header and a footer...however the Content area and navigation area is giving me headaches

Here is the url: http://www.RoundPi.com/vvd
as you can see...the text "stuff" appears somewhere in the middle [horizontally] and i want it to be at the top..but when i add "Padding" in css...the text moves up..but the buttons on the navbar don't work!
also..if i put a long string..it breaks the div and goes outside of the layout!

and then there is navigation area....same problem...it breaks out of the div width and the buttons don't work when i add it
Thanks

DylanButler · 05-16-2007, 06:37 PM

OK in firefox, if you make a string thats longer than the width of the element it will overflow automatically. There's nothing you can do about that, besides overflow:hidden, which will just hide the parts of the string that extend beyond the box outline.

IE6- on the other hand, will allow the box to stretch, breaking layouts in many cases and causing unwieldy results. This is the incorrect behavior. A fix for this is to use word-wrap:break-word on the container, which will truncate a word to a new line regardless of whitespace if it risks expanding the container.

unknowngiver · 05-16-2007, 07:23 PM

hm
so what do i do? lol
i tried adding:

Code:

word-wrap: break-word;

in css..for the body and right column but dont see any change

DylanButler · 05-16-2007, 07:35 PM

Quote:

Originally Posted by unknowngiver

hm
so what do i do? lol
i tried adding:

Code:

word-wrap: break-word;

in css..for the body and right column but dont see any change

you apply it to the column in which you dont want to expand.. and it only affects IE6 (and below)

unknowngiver · 05-16-2007, 07:44 PM

so i cant do anything abt firefox?

DylanButler · 05-16-2007, 08:08 PM

Quote:

Originally Posted by DylanButler

in firefox, if you make a string thats longer than the width of the element it will overflow automatically. There's nothing you can do about that, besides overflow:hidden, which will just hide the parts of the string that extend beyond the box outline.

You can read more about overflow here:

http://www.w3schools.com/css/pr_pos_overflow.asp

unknowngiver · 05-16-2007, 09:12 PM

ew scrollbars make it look so ugly ew ew
i wish there was another way

FF i hate u

05-16-2007, 04:53 PM	#1 (permalink)
unknowngiver Senior Member Join Date: May 2005 Location: Ontario Canada Posts: 2,928 1,675.13 NP$ (Donate)	CSS divs help needed Edit: Okay i figured some of the stuff out now the only problem i am having is the width the div can overflow..i dont want that happen....as u can see...stufff and the text on the main body go beyond there sections Hey I took the suggestion of the fellow np'ers and decided to use DIVS instead of tables and i am having some trouble i have managed to create a header and a footer...however the Content area and navigation area is giving me headaches Here is the url: http://www.RoundPi.com/vvd as you can see...the text "stuff" appears somewhere in the middle [horizontally] and i want it to be at the top..but when i add "Padding" in css...the text moves up..but the buttons on the navbar don't work! also..if i put a long string..it breaks the div and goes outside of the layout! and then there is navigation area....same problem...it breaks out of the div width and the buttons don't work when i add it Thanks __________________ B3Z.NET Proxy \|\| B5Y.NET Proxy \|\| B7J.NET Proxy \|\| B5J.NET Proxy \|\| B5L.NET Proxy cPanelHosting.com-cPanel Experts For 8 Years Hosting From $4.99 And 2 Months Free Last edited by unknowngiver; 05-16-2007 at 05:33 PM.

05-16-2007, 06:37 PM	#2 (permalink)
DylanButler NamePros Regular Join Date: Jan 2006 Location: San Diego, CA Posts: 704 0.00 NP$ (Donate)	OK in firefox, if you make a string thats longer than the width of the element it will overflow automatically. There's nothing you can do about that, besides overflow:hidden, which will just hide the parts of the string that extend beyond the box outline. IE6- on the other hand, will allow the box to stretch, breaking layouts in many cases and causing unwieldy results. This is the incorrect behavior. A fix for this is to use word-wrap:break-word on the container, which will truncate a word to a new line regardless of whitespace if it risks expanding the container. __________________ :great: -Dylan Butler EXAMP - San Diego Web Design

05-16-2007, 07:23 PM	#3 (permalink)
unknowngiver Senior Member Join Date: May 2005 Location: Ontario Canada Posts: 2,928 1,675.13 NP$ (Donate)	hm so what do i do? lol i tried adding: Code: word-wrap: break-word; in css..for the body and right column but dont see any change __________________ B3Z.NET Proxy \|\| B5Y.NET Proxy \|\| B7J.NET Proxy \|\| B5J.NET Proxy \|\| B5L.NET Proxy cPanelHosting.com-cPanel Experts For 8 Years Hosting From $4.99 And 2 Months Free

05-16-2007, 07:44 PM	#5 (permalink)
unknowngiver Senior Member Join Date: May 2005 Location: Ontario Canada Posts: 2,928 1,675.13 NP$ (Donate)	so i cant do anything abt firefox? __________________ B3Z.NET Proxy \|\| B5Y.NET Proxy \|\| B7J.NET Proxy \|\| B5J.NET Proxy \|\| B5L.NET Proxy cPanelHosting.com-cPanel Experts For 8 Years Hosting From $4.99 And 2 Months Free

05-16-2007, 09:12 PM	#7 (permalink)
unknowngiver Senior Member Join Date: May 2005 Location: Ontario Canada Posts: 2,928 1,675.13 NP$ (Donate)	ew scrollbars make it look so ugly ew ew i wish there was another way FF i hate u __________________ B3Z.NET Proxy \|\| B5Y.NET Proxy \|\| B7J.NET Proxy \|\| B5J.NET Proxy \|\| B5L.NET Proxy cPanelHosting.com-cPanel Experts For 8 Years Hosting From $4.99 And 2 Months Free

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