|
|
Posted by wayne on 06/25/05 22:33
Manny wrote:
> "Manny" <Manny@gt.fr> a écrit dans le message de
> news:42b5c84e$0$32546$636a15ce@news.free.fr...
>
>>Hi,
>>
>>I am new to dhtml (html+css). I would like to redesign my site using
>
> <div>
>
>>tags and styles.
>>I know how to do it with frames or tables but I did not succed with
>
> div's.
>
>>In addition, I would like that the site would work for all major
>
> browsers
>
>>and platforms, even if javascript is not activated.
>>Would someone be so kind to suggest me how to do it ? Here is, with
>
> tables,
>
>>the design I need :
>>
>><table width="760px" align="center">
>><tr><td colspan="2" height="100px">my menu goes here</td></tr>
>><!-- if this top part could be fixed at top of the screen when
>
> scrolling, it
>
>>would be nice :-) -->
>><tr><td width="25%" height="100%>several small information text
>
> here</td>
>
>><td width="75%" height="100%>main text here</td></tr>
>><tr><td colspan="2" height="40px">my navigation goes here (bottom of
>>page)</td></tr>
>></table>
>>
>>TIA for your help...
>>
>
> OK, I found some answers on the web.
> Not everithing is finish, but here is how I obtained the desired layout:
>
> <body style="text-align:center; padding:0px; margin: 0px;" ><div
> id="container" class="container" style="z-index: 2; position: relative;
> width: 760px; margin-left: auto; margin-right: auto; padding: 0px;">
> <div id="top" class="top" style="z-index:6;">
> my menu goes here
> </div>
> <div id="lft" class="lft" style="z-index:5; float:left;
> position:relative; padding:5px; width:170px; text-align:left;">
> several small information text here
> </div>
> <div class="txt" style="z-index:4; float: right; position:relative;
> padding:5px; width:570px; text-align: justify;">
> main text here
> </div>
> <div id="bot" class="bot" style="z-index:3; clear:both; padding: 5px;
> text-align:center;">
> my navigation goes here (bottom of page)
> </div>
> </div>
> </body>
>
> Code works on IE6 and FF. Don't know if it works on NS or other
> browsers.
> Demo available here: http:||arthur-opendns-be|MariaValtorta|testdiv.htm
> (replace | by / and - by . )
Check your doctype, it says frameset. Perhaps you meant to use
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
instead.
Wayne
Navigation:
[Reply to this message]
|