Problema Css

**taurus82** · 04-08-2010, 11:23

Ciao a tutti,

ho un problema con i css.

Mi servirebbe innanzittutto un consigloio sulla pagina matrice che sto realizzando ( premetto che sono un newbie su questo campo )

codice:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>INSERIMENTO NUOVO DDT</title>
<link rel="stylesheet" href="../css/style_add.css" media="screen" />

</head>

<body>




<div id="contenitore">
<div id="header">
<?php  require_once	('top_page.php');?>
</div>

<div id="body">
<div id="menu_left">


</p>
<?php  require_once	('left_menu.php');?>
</div>

<div id="scheda_lavoro">
<div id="scheda_lavoro2">

</div>
</div>



</div>

</div>
<div id="footer">
</div>




</body>
</html>

Da quello che si può capire ho pensato a questa gerarchia:

CONTENITORE PRINCIPALE
CONTENITORE HEADER (Questo a sua volta contiene altri 3 contenitori stile tabella con 3 colonne)
CONTENITORE BODY
MENU_LEFT
SCHEDA_LAVORO
SCHEDA_LAVORO2 ( Questa l ho aggiunta per dare alle tabelle un minimo margine )
CONTENITORE FOOTER

Secondi voi è giusta la logica? ( Sono convinto che ci sia qualcosa di sbagliato )

Passo al secondo problema:

Quando ridimensiono il browser, i div si sovrappongono l'un l'altro e non riesco a dargli uno stile "fisso" tipo tabella.

Come posso fare?

Qualche esempio sarebbe gradito per poter capire meglio, vi prego, non rimandatemi a delle guide.

Grazie a tutti.

**ResianTaxidrive** · 04-08-2010, 11:55

Hai messo delle larghezze ai tuoi contenitori?
Perchè devi usare scheda lavoro 2?

**taurus82** · 04-08-2010, 15:12

Ciao senti, posto il css che go scritto, magari si capisce meglio

codice:

body{
font-size:75%;
width:100%;
height:auto;
background:url(../img/Nuova/qwe2.png) repeat;
}

#contenitore{
width:100%;
height:100%;
font-family:Arial, Helvetica, sans-serif;
color:#999999;	
}

#header {
background:url(../img/Nuova/qwe2.png) repeat;
width:100%;
height:120px;
background-color:#ffffff;
}

#logo{
float:left;
background:url(../img/imgGest/tecnidata_logo.jpg) no-repeat;
width:15%;
height:120px;
}
#immagine{
display:inline;
float:left;
width:62%;
height:120px;
margin-left:3px;
background:url(../img/imgGest/header_image.jpg) no-repeat;
}
#info_utente{
clear:right;
float:left;
overflow:hidden;
width:22%;
height:120px;
}
#info_utente table{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#006699;
}
#info_utente a{
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#0099CC;
}
#info_utente a:hover{
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FF0000;
}

#menu_left{
float:left;
width:15%;
height:auto;
margin-top:10px;
padding-bottom:10px;
}
#scheda_lavoro{
display:inline;
float:left;
width:84%;
height:100%;
background:url(../img/imgGest/homePageSeperator.gif) no-repeat;
}
#scheda_lavoro p{
margin:10px;
padding:15px;
}

#scheda_lavoro2{
margin-left:20px;
width:100%;
}
#footer{
display:inline;
float:left;
width:100%;
height:auto;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#006699;
}

scheda_lavoro2 l ho utlizzata per avere un contenitore all interno di scheda_lavoro, in modo tale che non si sovrapponesse all'immagine che ho deciso di mettere come sfondo per separare la parte alta, la parte del menu a sinistra e la parte centrale dei dati.

Il problema in pratica consiste in questo, forse poco fa non sono stato chiaro, nella parte di sopra ho il logo aziendale e un immagine + le info utente (queste ultime le ho sistemate in una tabella per essere ordinate).

Quando ridimensiono il browser, queste due immagini si sovrappongono.

Si sovrappongono anche l'immagine che ho utilizzato come separatore con le immagini del menu a sinistra.

Come posso risolvere?

Grazie a tutti

**fcaldera** · 05-08-2010, 09:51

ciao taurus
puoi riaprire una nuova discussione dopo aver letto il regolamento in evidenza per quanto riguarda i titoli da assegnare alle discussioni ("problema css" potrebbe valere per tutte i thread...), grazie

Discussione: Problema Css

Strumenti discussione

Ricerca discussione

Visualizza

Problema Css

Permessi di invio