Visualizzazione dei risultati da 1 a 7 su 7
  1. #1

    altezza minima div: firefox ed explorer

    ho un div che deve essere di altezza minima 700px se il contenuto è maggiore semplicemente
    deve aumentare l'altezza.
    Su explorer funzia bene, mentre su firefox il contenuto del div passa "attraverso" al div.
    Qualcuno mi può dire come mai?
    il link di prova è questo:
    link

    grazie
    marcus
    Le News web le prendo da qui: www.pirosoft.it

    Tutorial flex: www.flexitalia.it

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    supponendo che l'altezza minima debba essere di 700px

    #tuocontenitore {
    height: auto !important;
    height: 700px;
    min-height: 700px;
    }
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    grazie, non avevo impostato questo attributo.
    Le News web le prendo da qui: www.pirosoft.it

    Tutorial flex: www.flexitalia.it

  4. #4
    Utente di HTML.it L'avatar di urulela
    Registrato dal
    Sep 2001
    Messaggi
    356
    rispolvero il post, ma su firefox 3 non funge
    nechine, nechine, nasanucolò...

  5. #5
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    Originariamente inviato da urulela
    rispolvero il post, ma su firefox 3 non funge
    funziona perfettamente


    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it">
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <title>xhtml 1.0</title>
            
            <style type="text/css">
            div {
                height      : auto !important;
                height      : 300px;
                min-height  : 300px;
                
                border      : 1px solid #300;
            }
            </style>
            
        </head>
    
    <body>
    
        <div>300</div>
    
    </body>
    </html>
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  6. #6
    Utente di HTML.it L'avatar di urulela
    Registrato dal
    Sep 2001
    Messaggi
    356
    Originariamente inviato da fcaldera
    funziona perfettamente


    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it">
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <title>xhtml 1.0</title>
            
            <style type="text/css">
            div {
                height      : auto !important;
                height      : 300px;
                min-height  : 300px;
                
                border      : 1px solid #300;
            }
            </style>
            
        </head>
    
    <body>
    
        <div>300</div>
    
    </body>
    </html>
    hai ragione, allora c'è qualcosa nel mio codice che va in conflitto, però non capisco perchè su opera, ie e epiphany funge e su firefox no


    codice:
    /* Layout */
    #container{
    	background: url(images/bg_container.gif) repeat-y;
    	border-right: #000099 10px solid;
    	border-left: #000099 10px solid;
      
    }
    #mainframe{
    	background: #FFFFFF;
    	height      : auto !important;
        height      : 800px;
        min-height  : 800px;
    
    
    }
    #header{
    	
    	position: relative;
    	height: 130px;
    }
    #logo {
    	position: absolute;
    	top: 30px;
    	left: 20px;
    	display: block;
    	width: 390px;
    	height: 70px;
    	background: url(images/logo.gif) no-repeat;
    }
    #welcome {
    	font-size: 90%;
    	color: #FFFFFF;
    	float: right;
    	padding: 35px 60px 0 0 ;
    	text-align: right;
    	line-height: 170%;
    }
    #welcome a:link, #welcome a:visited {
    		color: #FFFF00;
    		font-weight: bold;
    }
    
    #welcome a:hover {
    		text-decoration: underline;
    }
    #toolbar {
    	background: #000066;
    	font-weight: bold;
    }
    #newsearch{
    	background: url(images/bg_newsearch.jpg) repeat-x top #FFFFFF;
    	padding: 5px 10px;
    }
    #newsearch a:link, #newsearch a:visited{
    	font-weight: bold;
    }
    .footerarea{
    	color: #FFFFFF;
    	font-size: x-small;
    }
    .footerarea a:link, .footerarea a:visited{
    	color: #FFFF00;
    	font-weight: bold;
    	text-decoration: none;
    }
    .footerarea a:hover{
    	text-decoration: underline;
    }
    /* TP specific classes */
    .sitemap{
    	margin: 0;
    	padding: 0;
    	list-style: none;
    }
    .sitemap_topheader{
    	background: #ECEDF3;
    	border-bottom: solid 1px #ffffff;
    	padding: 4px;
    }
    
    .sitemap_header{
    	background: #ECEDF3;
    	border-bottom: solid 1px #ffffff;
    	padding: 4px;
    	display: block;
    	font-weight: bold;
     }
    
    .sitemap_header_active{
    	background: #C8D6E1;
    	border-bottom: solid 1px #ffffff;
    	padding: 4px;
    	display: block;
    	font-weight: bold;
    }
    
    .sitemap_header:hover , .sitemap_header_active:hover{
    	background: #DBE4ED;
    	border-bottom: solid 1px #ffffff;
    	padding: 4px;
    	display: block;
    	text-decoration: none;
    }
    
    /* TP other styles */
    ul#articlelist
    {
    	margin: 0;
    	padding: 0.5ex 0;
    	list-style: none;
    }
    ul#catlist
    {
    	margin: 0;
    	padding: 0;
    	list-style: none;
    	border-top: solid 1px #d0d0d0;
    }
    
    ul#articlelist li
    {
    	margin: 0;
    	display: block;
    	padding: 0 0 0 3ex;
    	background: url(images/divider.gif) no-repeat 5px 3px;
    }
    ul#catlist li
    {
    	display: block;
    	padding: 0 0 0 3ex;
    	margin: 0;
    }
    
    /* TP rss feed styles */
    .rss_title{
     font-weight: bold;
    }
    
    .rss_body{
    	margin-bottom: 1ex;
    }
    
    .rss_image{
    	margin: 4px 0 4px 0;
    }
    /* Normal, standard links. */
    a:link
    {
    	color: #000099;
    	text-decoration: none;
    }
    a:visited
    {
    	color: #000099;
    	text-decoration: none;
    }
    a:hover
    {
    	color: #000066;
    	text-decoration: underline;
    }
    
    /* Navigation links - for the link tree. */
    .nav, .nav:link, .nav:visited
    {
    	color: #000099;
    	text-decoration: none;
    }
    a.nav:hover
    {
    	color: #000066;
    	text-decoration: underline;
    }
    
    /* Tables should show empty cells. */
    table
    {
    	empty-cells: show;
    }
    
    /* By default (td, body..) use verdana in #222222. */
    body, td, th , tr
    {
    	color: #222222;
    	font-size: small;
    	font-family: verdana, sans-serif;
    	line-height: 140%;
    }
    
    /* The main body of the entire forum. */
    body
    {
    	background: url(images/bg.gif) repeat-x fixed #777;
    	margin: 0px;
    	padding: 0px;
    }
    
    /* Input boxes - just a bit smaller than normal so they align well. */
    input, textarea, button
    {
    	color: #222222;
    	font-family: verdana, sans-serif;
    }
    input, button
    {
    	font-size: 90%;
    }
    
    textarea
    {
    	font-size: 100%;
    	color: #222222;
    	font-family: verdana, sans-serif;
    }
    
    /* All input elements that are checkboxes or radio buttons. */
    input.check
    {
    }
    
    /* Selects are a bit smaller, because it makes them look even better 8). */
    select
    {
    	font-size: 90%;
    	font-weight: normal;
    	color: #222222;
    	font-family: verdana, sans-serif;
    }
    
    /* Standard horizontal rule.. ([hr], etc.) */
    hr, .hrcolor
    {
    	height: 1px;
    	border: 0;
    	color: #777777;
    	background-color: #777777;
    }
    
    /* No image should have a border when linked */
    a img
    {
    	border: 0;
    }
    /* A quote, perhaps from another post. */
    .quote {
    	color: #222;
    	background-color: #fff;
    	border-left: 5px solid #B4D1E7;
    	margin: 5px;
    	padding: 10px 5px;
    	font-size: x-small;
    	line-height: 1.5em;
    }
    
    /* A code block - maybe even PHP ;). */
    .code
    {
    	color: #222222;
    	background-color: #dddddd;
    	font-family: "courier new", "times new roman", monospace;
    	font-size: x-small;
    	line-height: 1.3em;
    	/* Put a nice border around it. */
    	border: 1px solid #222222;
    	margin: 1px auto 1px auto;
    	padding: 1px;
    	width: 99%;
    	/* Don't wrap its contents, and show scrollbars. */
    	white-space: nowrap;
    	overflow: auto;
    	/* Stop after about 24 lines, and just show a scrollbar. */
    	max-height: 24em;
    }
    
    /* The "Quote:" and "Code:" header parts... */
    .quoteheader, .codeheader
    {
    	color: #222222;
    	text-decoration: none;
    	font-style: normal;
    	font-weight: bold;
    	font-size: x-small;
    	line-height: 1.2em;
    }
    
    /* Generally, those [?] icons.  This makes your cursor a help icon. */
    .help
    {
    	cursor: help;
    }
    
    /* /me uses this a lot. (emote, try typing /me in a post.) */
    .meaction
    {
    	color: red;
    }
    
    /* The main post box - this makes it as wide as possible. */
    .editor
    {
    	width: 96%;
    }
    
    /* Highlighted text - such as search results. */
    .highlight
    {
    	background-color: yellow;
    	font-weight: bold;
    	color: #222222;
    }
    
    /* Alternating backgrounds for posts, and several other sections of the forum. */
    .windowbg, #preview_body {
    
    	background-color: #E7EFF5;
    	padding: 5px;
    }
    
    .windowbg2 {
    
    	background-color: #D5E6F3;
    	padding: 5px;
    	
    }
    
    .windowbg3 {
    
    	background-color: #B4D1E7;
    	padding: 5px;
    	
    }
    /* ahahah */
    .windowbgblock {
    
    	background-color: #E7EFF5;
    	
    }
    /* the today container in calendar */
    .calendar_today
    {
    	background-color: #FFFFFF;
    }
    
    /* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
    .titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td
    {
    	color: #222222;
    	font-style: normal;
    	background: #b4d1e7;
    	padding-left: 10px;
    	padding-right: 10px;
    }
    .titlebg, .titlebg a:link, .titlebg a:visited
    {
    	font-weight: bold;
    	color: #222222;
    	font-style: normal;
    }
    
    .titlebg a:hover
    {
    	 text-decoration: underline;
    }
    /* same as titlebg, but used where bold text is not needed */
    .titlebg2 a:link, .titlebg2 a:visited
    {
    	color: #222222;
    	font-style: normal;
    	text-decoration: underline;
    }
    
    .titlebg2 a:hover
    {
    	text-decoration: underline;
    }
    
    /* blocchi tinyportal */
    .titlebgblock, tr.titlebgblock th, tr.titlebgblock td
    {
    	color: #222222;
    	font-style: normal;
    	background: #B4D1E7;
    	padding-left: 10px;
    	padding-right: 10px;
    }
    .titlebgblock, .titlebgblock a:link, .titlebgblock a:visited
    {
    	font-weight: bold;
    	color: #222222;
    	font-style: normal;
    }
    
    .titlebgblock a:hover
    {
    	 text-decoration: underline;
    }
    
    /* blocchi tinyportal */
    .titlebgnews, tr.titlebgnews th, tr.titlebgnews td
    {
    	color: #ffffff;
    	font-style: normal;
    	background: #000099;
    	padding-left: 10px;
    	padding-right: 10px;
    }
    .titlebgnews, .titlebgnews a:link, .titlebgnews a:visited
    {
    	font-weight: bold;
    	color: #ffffff;
    	font-style: normal;
    }
    
    .titlebgnews a:hover
    {
    	 text-decoration: underline;
    }
    
    
    
    
    /* This is used for categories, page indexes, and several other areas in the forum.
    .catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/
    .catbg , tr.catbg td , .catbg3 , tr.catbg3 td
    {
    	background: #000099;
    	color: #ffffff;
    	padding-left: 10px;
    	padding-right: 10px;
    }
    .catbg2 , tr.catbg2 td
    {
    	background: #000099;
    	color: #ffffff;
    	padding-left: 10px;
    	padding-right: 10px;
    }
    .catbg, .catbg2
    {
    	font-weight: bold;
    }
    .catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
    {
    	font-size: 95%;
    	color: white;
    	text-decoration: none;
    }
    .catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited
    {
    	color: white;
    	text-decoration: none;
    }
    .catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
    {
    	text-decoration: underline;
    }
    /* This is used for tables that have a grid/border background color (such as the topic listing.) */
    .bordercolor
    {
    	padding: 0px;
    }
    
    /* This is used on tables that should just have a border around them. */
    .tborder
    {
    	border: none;
    }
    
    /* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
    .smalltext
    {
    	font-size: x-small;
    	font-family: verdana, sans-serif;
    }
    .middletext
    {
    	font-size: 90%;
    }
    .normaltext
    {
    	font-size: small;
    }
    .largetext
    {
    	font-size: large;
    }
    
    
    /* Posts and personal messages displayed throughout the forum. */
    .post, .personalmessage
    {
    	width: 100%;
    	overflow: auto;
    	line-height: 1.3em;
    }
    
    /* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
    .signature
    {
    	width: 100%;
    	overflow: auto;
    	padding-bottom: 3px;
    	line-height: 1.3em;
    }
    
    /* Sometimes there will be an error when you post */
    .error
    {
    	color: red;
    }
    
    
    /* definitions for the main tab, active means the tab reflects which page is displayed */
    .maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last
    {
    	color: #FFFFFF;
    	text-transform: uppercase;
    	vertical-align: top;
    }
    .maintab_back, .maintab_active_back
    {
    	color: #FFFFFF;
    	text-decoration: none;
    	font-size:  10px;
    	vertical-align: top;
    	padding: 9px;
    }
    
    .maintab_first
    {
    	background: #000066;
    	width: 10px;
    }
    .maintab_back
    {
    	background: #000066;
    }
    .maintab_last
    {
    	background: #000066;
    	width: 10px;
    }
    .maintab_active_first
    {
    	background: #B4D1E7;
    	width: 10px;
    }
    .maintab_active_back
    {
    	background: #B4D1E7;
    }
    .maintab_active_last
    {
    	background: #B4D1E7;
    	width: 10px;
    }
    
    /* how links behave in main tab. */
    .maintab_back a:link , .maintab_back a:visited
    {
    	color: #FFFFFF;
    	text-decoration: none;
    }
    .maintab_active_back a:link , .maintab_active_back a:visited
    {
    	color: #222222;
    	font-weight: bold;
    	text-decoration: none;
    }
    .maintab_back a:hover, .maintab_active_back a:hover
    {
    	text-decoration: underline;
    }
    /* definitions for the mirror tab */
    .mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last
    {
    	color: #FFFFFF;
    	text-transform: uppercase;
    	vertical-align: top;
    }
    .mirrortab_back, .mirrortab_active_back
    {
    	color: #FFFFFF;
    	text-decoration: none;
    	font-size:  10px;
    	vertical-align: top;
    	padding: 7px;
    }
    
    .mirrortab_first
    {
    	background: #000066;
    	width: 10px;
    }
    .mirrortab_back
    {
    	background: #000066;
    }
    .mirrortab_last
    {
    	background: #000066;
    	width: 10px;
    }
    .mirrortab_active_first
    {
    	background: #B4D1E7;
    	width: 10px;
    }
    .mirrortab_active_back
    {
    	background: #B4D1E7;
    }
    .mirrortab_active_last
    {
    	background: #B4D1E7;
    	width: 10px;
    }
    
    /* how links behave in mirror tab. */
    .mirrortab_back a:link , .mirrortab_back a:visited
    {
    	color: #FFFFFF;
    	text-decoration: none;
    }
    .mirrortab_active_back a:link , .mirrortab_active_back a:visited
    {
    	color: #222222;
    	font-weight: bold;
    	text-decoration: none;
    }
    .mirrortab_back a:hover, .mirrortab_active_back a:hover
    {
    	text-decoration: underline;
    }
    
    /* The AJAX notifier */
    #ajax_in_progress
    {
    	background: #32CD32;
    	color: white;
    	text-align: center;
    	font-weight: bold;
    	font-size: 18pt;
    	padding: 3px;
    	width: 100%;
    	position: fixed;
    	top: 0;
    	left: 0;
    }
    nechine, nechine, nasanucolò...

  7. #7
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    apri una tua discussione
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.