You are here: Re: Positioning problem in FF vs IE « HTML « IT news, forums, messages
Re: Positioning problem in FF vs IE

Posted by Jonathan N. Little on 08/30/07 14:15

Froefel wrote:
> For those who wanted the entire content. Below is the entire page:
>
> Richard and others, please forgive me for not being able to provide a
> link. I'm on a corporate network that doesn't allow FTP out so I can't
> upload anything to my test server at home. Does anyone have a
> suggestion on where I could upload test pages for free, so I could
> refer to them in my posts?
>
> -- Hans
>
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
> www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> <html xmlns="http://www.w3.org/1999/xhtml" >

<double sigh>

Firstly I'd dump the XHTML unless you have a very good reason to require
it, and I bet you don't.

Next if what you describe "IE seems to do what I intend" is "I want
'Level1_right' DIV to be to the right of 'Level1_left' DIV" (&deity; I
wish folks would learn how to articulate their problems!) then a
solution would be to remove float on div.Level1_right and add 'overflow:
hidden;' and then on div.Level2_bottom change the clear from both to
right...



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="content-language" content="en-us">
<title>template</title>
</head>
<body>
<div id="Level1_left" style="float:left; background-color:gray;">
<table id="Level1_table" style="border:2px solid red">
<tr>
<td>1, 1</td>
<td>1, 2</td>
</tr>
<tr>
<td>2, 1</td>
<td>2, 2</td>
</tr>
</table>
</div>

<div id="Level1_right" style="overflow: hidden;
background-color:lightgrey;">
<div id="Level2_left" style="float:left; border:2px solid yellow;">
Personalized Email
</div>

<div id="Level2_right" style="float:right; border:2px solid yellow">
Links go here
</div>

<div id="Level2_bottom" style="clear:right; border:2px solid green">
This goes underneath both Level2 panels
</div>
</div>

</body>
</html>




--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

 

Navigation:

[Reply to this message]


Удаленная работа для программистов  •  Как заработать на Google AdSense  •  England, UK  •  статьи на английском  •  PHP MySQL CMS Apache Oscommerce  •  Online Business Knowledge Base  •  DVD MP3 AVI MP4 players codecs conversion help
Home  •  Search  •  Site Map  •  Set as Homepage  •  Add to Favourites

Copyright © 2005-2006 Powered by Custom PHP Programming

Сайт изготовлен в Студии Валентина Петручека
изготовление и поддержка веб-сайтов, разработка программного обеспечения, поисковая оптимизация