Web Design Forums

Sportsdude11751 · 30-11-2006, 14:31

Hey, i'm a noob with css and i created a layout with a banner, leftNav, content, and a rightNav. When i type in the content, the text goes past the borders i have set up and expands the width.
How can i fix this?

Also, i plan to update the content quite often, is there a way i can edit the content without directly going into the html, or is there software for that?
Thanks in advance!

*Here is my code:

Quote:

<html>
<head>
<style type="text/css">

#banner{
top:0;

border: solid thin black;
width:550px;
height:50px;
margin-left:5em;
}

#leftNav{
left:1em;
position: absolute;
margin-top:2em;
border: solid thin black;
width:5em;
height:16em;
top:4em;
}
#Content{
border: thin solid black;
margin-left:8em;
margin-top:2em;
width:30em;
height:40em;
position:absolute;
}
#rightNav{
border: thin solid black;
right:1em;
position:absolute;
width:5em;
height:16em;
top: 93px;
}
#body{

}

</style>
</head>
<title>FPC Tyler, Tx Youth 8)</title>
<body bgcolor="#E2DFDF" id="body">

<div id="banner"></div>
<div id="leftNav"></div>
<div id="Content"></div>
<div id="rightNav"></div>

</body>
</html>

dtrenz · 30-11-2006, 14:34

hmmm... you may be out of luck.

in IE:
word-wrap: break-word;

Firefox will expand no matter what.

correct me if i'm wrong

Sportsdude11751 · 30-11-2006, 15:30

well how do they pull it off on this site? Keeping stuff in this center content?

dtrenz · 30-11-2006, 16:25

actually, if you set the width, it should wrap.

not sure why you're having problems.

is it because you're setting the width with em instead of px?

Sportsdude11751 · 30-11-2006, 19:17

umm..haha yeah
i didnt know it made a difference?

Dusteh · 30-11-2006, 19:23

I guess one is an absolute measurement, and the other is relative - thus open to interpretation and confusion by the browser.

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

30-11-2006, 14:34	#2 (permalink)
dtrenz blam blam Join Date: Aug 2006 Location: ann arbor, mi usa Posts: 527	hmmm... you may be out of luck. in IE: word-wrap: break-word; Firefox will expand no matter what. correct me if i'm wrong

30-11-2006, 15:30	#3 (permalink)
Sportsdude11751 Registered User Join Date: Nov 2006 Posts: 4	well how do they pull it off on this site? Keeping stuff in this center content?

30-11-2006, 16:25	#4 (permalink)
dtrenz blam blam Join Date: Aug 2006 Location: ann arbor, mi usa Posts: 527	actually, if you set the width, it should wrap. not sure why you're having problems. is it because you're setting the width with em instead of px?

30-11-2006, 19:17	#5 (permalink)
Sportsdude11751 Registered User Join Date: Nov 2006 Posts: 4	umm..haha yeah i didnt know it made a difference?

30-11-2006, 19:23	#6 (permalink)
Dusteh Sir digby chicken caesar Join Date: Sep 2004 Posts: 4,835	I guess one is an absolute measurement, and the other is relative - thus open to interpretation and confusion by the browser.

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