missing text problem

Reg Wharf · 17-03-2010, 09:03:42 PM

Hi guys,
I've made a simple CSS round corner template but I can't get the text to appear in the left column. The code is:-

------------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">

body {background:#555;}

.container {background: #fff; color: #000; margin:0 auto; width:750px;}

.rtop, .rbottom{display:block;background:#555;}
.rtop *, .rbottom *{display: block;height: 1px;background

range;}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.header1 {height:10px;background

range;}

.header2 {height:90px;background:#fff;}

.navbar {height:20px;background:#000;color:#fff;}

.leftcol {width:200px;height:300px;float:left;margin-left:-750px;}

.rightcol {width:550px;height:300px;background:#ffc;margin-left:200px;}

.footer {clear:both;width:100%;height:20px;background

ran ge;}

</style>
<title>444template</title>
</head>
<body>

<div class="container">
<b class="rtop"><b class="r1"></b> <b class="r2"></b> <b class="r3"></b> <b class="r4"></b></b>

<div class="header1">
</div>

<div class="header2">
<h1>Text Here</h1>
and here
</div>

<div class="navbar">
text here
</div>

<div class="leftcol">
no text here ???????????????????????
</div>

<div class="rightcol">
text here
</div>

<div class="footer">
text here
</div>

<b class="rbottom"><b class="r4"></b> <b class="r3"></b> <b class="r2"></b> <b class="r1"></b></b>
</div>

</body>
</html>

-----------------------------------------------------------------------

Can you help ?
Cheers,
Mark.

p.s. I dont know why those smilies have appeared in place of the o !

Tricky1 · 17-03-2010, 09:37:09 PM

Remove the: margin-left:-750px;

Checked it in FF and IE, looks ok....

Reg Wharf · 17-03-2010, 11:15:44 PM

Thanks Tricky it works for me now

17-03-2010, 09:03:42 PM	#1 (permalink)
Reg Wharf Join Date: Jun 2009 Posts: 114 No Classified Ratings Domain Trader Rating: (100% / 24)	missing text problem Hi guys, I've made a simple CSS round corner template but I can't get the text to appear in the left column. The code is:- ------------------------------------------------------------------ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> body {background:#555;} .container {background: #fff; color: #000; margin:0 auto; width:750px;} .rtop, .rbottom{display:block;background:#555;} .rtop , .rbottom {display: block;height: 1px;backgroundrange;} .r1{margin: 0 5px} .r2{margin: 0 3px} .r3{margin: 0 2px} .r4{margin: 0 1px;height: 2px} .header1 {height:10px;backgroundrange;} .header2 {height:90px;background:#fff;} .navbar {height:20px;background:#000;color:#fff;} .leftcol {width:200px;height:300px;float:left;margin-left:-750px;} .rightcol {width:550px;height:300px;background:#ffc;margin-left:200px;} .footer {clear:both;width:100%;height:20px;backgroundran ge;} </style> <title>444template</title> </head> <body> <div class="container"> <b class="rtop"><b class="r1"></b> <b class="r2"></b> <b class="r3"></b> <b class="r4"></b></b> <div class="header1"> </div> <div class="header2"> <h1>Text Here</h1> and here </div> <div class="navbar"> text here </div> <div class="leftcol"> no text here ??????????????????????? </div> <div class="rightcol"> text here </div> <div class="footer"> text here </div> <b class="rbottom"><b class="r4"></b> <b class="r3"></b> <b class="r2"></b> <b class="r1"></b></b> </div> </body> </html> ----------------------------------------------------------------------- Can you help ? Cheers, Mark. p.s. I dont know why those smilies have appeared in place of the o !

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Domain Name Community	Replies	Last Post
Opinion: Missing dot drops Sweden off the Internet - Computerworld	RSS	Domain Name News	0	16-10-2009 03:59:07 PM
Anger at bogus web appeal for missing Claudia	Alien	Domain Name Scams	2	01-04-2009 10:21:00 AM
Update MySQL from a text file	admin	Scripts and Coding	10	15-06-2008 10:09:21 PM
Microsoft Increasing Pursuit of Growing Problem of Cybersquatting ... - Associated Content	RSS	Domain Name News	0	20-03-2007 10:59:04 PM
Microsoft Increasing Pursuit of Growing Problem of Cybersquatting ... - Associated Content	RSS	Domain Name News	0	16-03-2007 10:00:05 PM

17-03-2010, 09:37:09 PM	#2 (permalink)
Tricky1 Join Date: Nov 2008 Location: Surrey Posts: 268 No Classified Ratings Domain Trader Rating: (100% / 16)	Remove the: margin-left:-750px; Checked it in FF and IE, looks ok....

17-03-2010, 11:15:44 PM	#3 (permalink)
Reg Wharf Join Date: Jun 2009 Posts: 114 No Classified Ratings Domain Trader Rating: (100% / 24)	Thanks Tricky it works for me now