DEVPPL
http://www.devppl.com/forum/

One column centered but text overflow
http://www.devppl.com/forum/viewtopic.php?f=43&t=11437		 Page 1 of 1
Author:  Albert1955 [ Wed Aug 13, 2008 7:47 am ]
Post subject:  One column centered but text overflow
hello
I am trying to do a simple one column page with three divs all same width under each other
But if I put in more text into the 'content' div, it overflows onto the right space and is not contained within the div
what am i doing wrong ? here is the code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>alo consulting</title>
<style type="text/css">
* { padding: 0; margin: 0;}

body {
font-family: arial, sans-serif;
font-size: 1.0em;
color: #00ffaa;
background: #00f0f2;
}

#wrapper {
margin: 0 auto;
width: 800px;
background: #ffffff url(images/bg.gif);
background-repeat-y;
}

#phone {
width: 800px;
padding: 10px;
height: 100px;
margin: 0px 0px 0px 0px;
background: #a3a3a3;
}

#logo {
width:800px;
padding: 10px;
height: 200px;
margin: 0px 0px 0px 0px;
background: #aabbff;
}

#content {
width: 800px;
padding: 10px;
height: 350px;
margin: 0px 0px 0px 0px;
background: #224455;
}
</style>

</head>
<body>

<div id="wrapper">

<div id="phone"> p 9511 1111 | m 0418 111 111 | f 1113 1111
</div>

<div id="logo">some stuff goes here as well as logo
</div>

<div id="content">
service.support.solutions.service.support.solutions.service.support.solutions.service.support.solutions.
</div>
</body>
</html>

any help would be received with thanks
A
Author:  X-Bumble [ Fri Mar 06, 2009 8:49 pm ]
Post subject:  Re: One column centered but text overflow
What browser is doing this (it's going to be Internet Explorer 7 or below I bet...).

I just used your code and it is fine with FF3.

By the way, you don't need to specify margins as Zero in each div as you done because you have already declared them to be zero via the global command (*).
Author:  rangana [ Sat Mar 07, 2009 1:50 am ]
Post subject:  Re: One column centered but text overflow
Looks fine on IE at my end. Please elaborate a little further.
Page 1 of 1 All times are UTC + 1 hour
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/