Mozilla e Opera bug tra div

**diavoletto88** · 16-04-2005, 17:50

Ciao
Ho un problema perchè su mozilla e opera tra due livelli nel mio caso tra livello header e livello main c'è una riga di distacco cioò salta di ina riga e il layout non è attaccato come deve all'header?
Potreste aiutarmi? Ho scansionato il codice html e dovrebbe essere tutto apposto pure il css..
Grazie per eventuali aiuti

**floyd46** · 16-04-2005, 17:54

posta il link alla pagina in rete oppure il codice relativo all'header ed al main.
ciao

**diavoletto88** · 16-04-2005, 18:22

codice html:

codice:

<?php echo "<?xml version=\"1.0\" encoding=\"iso-8859-1\"?".">"; ?>
<!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">
<head>
<title>{ drawsideDOTcom [[d e s i g n & blog]] } home</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">@import url("x-screen.css");</style>
<script language="JavaScript" type="text/JavaScript" src="fade.js"></script>
</head>
<body>
<div align="center">
<div class="header">
<div align="right">
<div class="header-navigation"> 
<div class="nav">Homepage.1 Design.2 
Archivio Blog.3 Info.4 
Contattami.5 </div>
</div>
</div>
</div>
<div class="main">
<div id="right-col-page">
<div id="container-right-col-page">


[img]images/art111.jpg[/img]</p>
<p align="right"></p>
<p align="right">&raquo; Links</p>
</div>
</div>
<div id="left-col-page">
<div id="left-contents-name">[img]images/template-xhtml___02.jpg[/img]</div>
<div id="left-contents">
<div id="container-contents"> 
<h1 align="justify"> Lorem ipsum dolor</h1>
<p align="left"> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed 
diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed 
diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita 
kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet</p>
<p align="left">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam 
nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam 
voluptua.</p>
<p align="left">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam 
nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam 
voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita 
kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet</p>
<p align="right" class="endnew">postato da webmaster il 16 Apr 
2005</p>
<h1 align="left">Lorem ipsum</h1>
<div align="left">




Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod 
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At 
vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, 
no sea takimata sanctus est Lorem ipsum dolor sit ametLorem ipsum dolor sit amet, 
consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore 
et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo 
duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est 
Lorem ipsum dolor sit ametLorem ipsum dolor sit amet, consetetur sadipscing elitr, 
sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, 
sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet 
clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet</p>


Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod 
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At 
vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, 
no sea takimata sanctus est Lorem ipsum dolor sit amet</p>
</div>
<p align="right" class="endnew">postato da webmaster il 16 Apr 
2005</p>
<p align="justify"></p>
</div>
</div>
</div>
</div>
<div class="footer"> 
<div align="right" id="container-footer"> Copyright 05-06 . Tutti 
i diritti sono riservati. Privacy policy

Standard web: (x)html 1.0</div>
</div>
</div>
</body>
</html>

Css:

codice:

body , html {
	font-family : Lucida Sans Unicode, sans-serif;
	font-size : 12px;
	color : #161629;
	margin : 0;
	overflow : auto;
	background-repeat:repeat-x;
    background-image:url(images/tpl_xhtml_bh.jpg);
}
h1 {
margin-bottom:-10px;
font-size:18px;
}
p {
line-height : 1.2; 
} 
p.endnew {
border-bottom:1px solid #161629; 
} 
A:link , A:visited {
color : #000; 
text-decoration : none; 
} 
A:hover {
color : #000; 
text-decoration : underline; 
}
div.main {
width:775px;
display:block;
}
div.header-navigation {
width:345px;
margin-right:4%;
}
div.nav A:Link, div.nav A:Visited {
display:block;
padding-top:1px;
padding-right:10px;
color:#fff;
text-decoration : none; 
border-right:10px solid #fff;
}
div.nav A:Hover {
display:block;
padding-top:1px;
padding-right:10px;
color:#161629;
text-decoration : none; 
background:#fff;
border-right:10px solid #161629;
}
div.header {
text-align:right;
background-image : url(images/tpl_xhtml__01.jpg);
width:775px;
height:95px;
}
div.behind-footer {
background-image : url(images/tpl_xhtml_09.jpg);
width:100%;
height:40px;
clear:right;
}
div.footer {
background-image : url(images/tpl_xhtml__0_04.jpg);
width:775px;
height:39px;
color:#fff;
font-size:11px;
}
div#container-footer {
padding-top:5px;
padding-right:35px;
text-align:right;
}
div#left-contents-name {
float:left;
width:63px;
}
div#left-contents {
text-align: right;
width:300px;
margin-left:65px;
}
div#left-col-page {
background-image : url(images/template-xhtml__06.jpg);
text-align: left;
margin-right:385px;
background-repeat:repeat-y;
}
div#right-col-page {
float:right;
width:386px;
background-image : url(images/tpl_xhtml__03.jpg);
height:445px;
text-align:right;
}
div#container-right-col-page {
margin-right:10%;
}
div#code_dev {
padding-left:15px;
margin-left:15px;
border:1px dotted #161629;
}

Ciao

:master:

**diavoletto88** · 16-04-2005, 18:24

p.s non è ancora validato

**floyd46** · 16-04-2005, 18:52

per quel poco che ho visto, dovrebbe mancare un div generale (leggi contenitore di tutti gli altri box).
All'interno di questo, ci metti il div per la testata, per il menu dx o sx, il div per i contenuti ecc....
hai scritto una struttura del genere tu?
facci sapere.

Discussione: Mozilla e Opera bug tra div

Strumenti discussione

Ricerca discussione

Visualizza

Mozilla e Opera bug tra div

Re: Mozilla e Opera bug tra div

Permessi di invio