problemer med firefox oa. bla.div, link, background mm.
Hi there,har helt set mig sur på et nyt design opbygget ned div os css:
Siden er testet hos WC3 for html'en og giver 0 fejl for 4.01 HTML.
Men I firefox - kors hvor det ikke virker - smider lige css-koden da jeg næsten er sikker på det må være den:
----------------------------------------------------
@charset "iso-8859-1";
/* CSS Document */
body { background-image:url(../elements/side_baggrund_dddddd.jpg); background-position:top; background-repeat:repeat-x; background-color: #dddddd; font-family: Arial; font-size: 12px; font-weight: normal; color: #000000; margin-top: 0px; margin-bottom: 0px; margin-right: 0px; margin-left: 0px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; overflow: -moz-scrollbars-vertical}
H1 { font-size: 27px; font-weight:bold; color: #ff742d; margin-bottom:-10px}
H2 { font-size: 18px; font-weight:bold; color: #0078b6; margin-bottom:-10px}
H3 { font-size: 14px; font-weight:bold; color: #0078b6; margin-bottom:-12px}
H4 { font-size: 14px; font-weight:bold; color: #000000; margin-bottom: 6px}
sup { font-size: 13px}
a:link { font-size: 12px; color: #ee6118; text-decoration: none}
a:visited { font-size: 12px; color: #ee6118; text-decoration: none}
a:hover { font-size: 12px; color: #ee6118; text-decoration: underline}
a:active { font-size: 12px; color: #ee6118; text-decoration: none}
a.stor { font-size: 18px; color: #ff742d; text-decoration: none}
a.stor:hover { font-size: 18px; color: #ff742d; text-decoration: underline}
<!-- top navigation -->
a.nav_top_under:link { font-size: 10px; color: #000000; text-decoration: none}
a.nav_top_under:visited { font-size: 10px; color: #000000; text-decoration: none}
a.nav_top_under:hover { font-size: 10px; color: #929292; text-decoration: underline}
a.nav_top_under:active { font-size: 10px; color: #000000; text-decoration: none}
<!-- left navigation -->
a.nav_left:link { font-size: 12px; font-weight:bold; color: #000000; text-decoration: none; line-height:4px}
a.nav_left:visited { font-size: 12px; font-weight:bold; color: #000000; text-decoration: none; line-height:4px}
a.nav_left:hover { font-size: 12px; font-weight:bold; color: #929292; text-decoration: underline; line-height:4px}
a.nav_left:active { font-size: 12px; font-weight:bold; color: #000000; text-decoration: none; line-height:4px}
a.nav_left_under:link { margin-left:20px; font-size: 12px; color: #000000; text-decoration: none; line-height:4px}
a.nav_left_under:visited { margin-left:20px; font-size: 12px; color: #000000; text-decoration: none; line-height:4px}
a.nav_left_under:hover { margin-left:20px; font-size: 12px; color: #ee6118; text-decoration: underline; line-height:4px}
a.nav_left_under:active { margin-left:20px; font-size: 12px; color: #000000; text-decoration: none; line-height:4px}
a.nav_left_under2:link { margin-left:40px; font-size: 12px; color: #000000; text-decoration: none; line-height:4px}
a.nav_left_under2:visited { margin-left:40px; font-size: 12px; color: #000000; text-decoration: none; line-height:4px}
a.nav_left_under2:hover { margin-left:40px; font-size: 12px; color: #ee6118; text-decoration: underline; line-height:4px}
a.nav_left_under2:active { margin-left:40px; font-size: 12px; color: #000000; text-decoration: none; line-height:4px}
a.footer { font-size: 10px; color: #929292; text-decoration: none}
a.footer:hover { font-size: 10px; color: #cccccc; text-decoration: underline}
#nav { margin-bottom:-8px} <!-- left navigation -->
#wrapper { width:950px; margin:0px auto; border:0px; background-color: #ffffff; background-image:url(../elements/baggrund_minus_logotop.gif); background-repeat:no-repeat}
#wrapper_under { width:950px; margin:0px auto; border:0px; background-color: #ffffff; background-image:url(../elements/baggrund_hel_taet.gif); background-repeat:no-repeat}
#header { height:62px; margin:0px auto; border:0px; background-image:url(../elements/baggrund_top_m_logo.gif); background-repeat:no-repeat; font-size: 11px; text-align:right; vertical-align:middle; line-height:62px}
#ill_front { width:950px; height:344px; margin:0px auto; border:0px; font-size: 18px; line-height:24px}
#ill_under { width:950px; height:96px; margin:0px auto; border:0px}
#nav_top_under { width:720px; height:40px; margin:0px auto; border:0px; margin-left:230px; font-size: 10px; color: #ee6118; text-decoration: none; vertical-align:bottom; line-height:20px}
<!-- content index -->
#content { width:910px; margin-top:0px; margin-bottom:30px; margin-left:20px; margin-right:20px; border:0}
#content div { float:left}
#content_left { width:325px}
#content_margin1 { width:20px}
#content_main { width:325px}
#content_margin2 { width:20px}
#content_right { width:220px}
<!-- content other norm -->
#content_under { width:910px; margin-top:0px; margin-bottom:30px; margin-left:20px; margin-right:20px; border:0}
#content_under div { float:left}
#content_under_nav { width:190px}
#content_under_margin1 { width:20px}
#content_under_left { width:220px}
#content_under_margin2 { width:20px}
#content_under_middle { width:220px}
#content_under_margin3 { width:20px}
#content_under_right { width:220px}
<!-- content other product -->
#content_under_large { width:910px; margin-top:0px; margin-bottom:0px; margin-left:20px; margin-right:20px; border:0}
#content_under_large div { float:left}
#content_under_large_nav { width:190px}
#content_under_large_margin1 { width:20px}
#content_under_large_middle { width:460px}
#content_under_large_margin3 { width:20px}
#content_under_large_right {width:220px}
<!-- content product exlarge -->
#content_under_exlarge { width:910px; margin-top:0px; margin-bottom:30px; margin-left:20px; margin-right:20px; border:0}
#content_under_exlarge div { float:left}
#content_under_exlarge_nav { width:190px}
#content_under_exlarge_margin1 { width:20px}
#content_under_exlarge_main { width:700px}
#footer_adress { float:left; width:950px; height:54px; margin:0px auto; border:0px; background-image:url(../elements/baggrund_footer_adress.gif); font-size: 10px; color: #95cbe7; font-weight:bold; text-align:center; line-height:82px}
#footer_firms { float:left; width:950px; height:50px; margin:0px auto; border:0px; ; background-color: #ffffff; text-align:center; vertical-align:middle; line-height:50px}
#footer_cards { float:left; width:950px; height:165px; margin:0px auto; border:0px; background-color: #e9f8ff; font-size: 10px; color: #929292; text-align:center; vertical-align:middle; line-height:12px}
#footer_bottom { float:left; width:950px; height:20px; margin:0px auto; border:0px; background-color: #dddddd}
<!-- box orange index -->
#box325_out { height:254px; width:323px; border:solid 1px #a0bac7}
#box325_in { height:248px; width:317px; border:solid 3px #ff9c6a}
#box325_01 { height:228px; width:297px; background-color:#ffffff; padding:10px; line-height:16px} <!-- without background -->
#box325_02 { height:228px; width:297px; background-color:#ffffff; padding:10px; line-height:16px; background-image:url(../images/box/infoboks_haengelaas.jpg)} <!-- with background -->
#box325_03 { height:228px; width:297px; background-color:#ffffff; padding:10px; line-height:16px; background-image:url(../images/box/infoboks_haengelaas.jpg)} <!-- with background -->
#box325_04 { height:228px; width:297px; background-color:#ffffff; padding:10px; line-height:16px; background-image:url(../images/box/infoboks_haengelaas.jpg)} <!-- with background -->
#box325_05 { height:228px; width:297px; background-color:#ffffff; padding:10px; line-height:16px; background-image:url(../images/box/infoboks_haengelaas.jpg)} <!-- with background -->
#box325_06 { height:228px; width:297px; background-color:#ffffff; padding:10px; line-height:16px; background-image:url(../images/box/infoboks_bil.jpg)} <!-- with background -->
<!-- box right index -->
#box220a_std { width:198px; border:solid 1px #cfcfcf; background-color:#ffffff; padding:10px}
#box220a_std_h1 { width:220px; background-color:#2f9ed8; color:#ffffff; font-size:14px; font-weight:bold; line-height:24px; text-indent:10px} <!-- box right blue -->
#box220a_std_h2 { width:220px; background-color:#ff742d; color:#ffffff; font-size:14px; font-weight:bold; line-height:24px;; text-indent:10px} <!-- box right black -->
<!-- box right under -->
.box220a_out { width:218px; border:solid 1px #cfcfcf}
.box220a_in { width:212px; border:solid 3px #dff2fc}
.box220a_01 { width:192px; background-color:#ffffff; padding:10px; color: #ee6118}
.box220a_02 { width:192px; background-color:#ffffff; padding:10px; line-height:16px} <!-- box right blue -->
<!-- box orange under -->
.box220b_out { height:228px; width:218px; border:solid 1px #a0bac7}
.box220b_in { height:224px; width:214px; border:solid 2px #ff9c6a}
.box220b_01 { height:204px; width:194px; background-color:#ffffff; padding:10px}
<!-- box blue little under only top -->
#box220c_out { width:218px; border-bottom-color:#FFFFFF; border-left-color:#FFFFFF; border-right-color:#FFFFFF; border-top:solid 1px #cfcfcf}
#box220c_in { width:218px; border-bottom-color:#FFFFFF; border-left-color:#FFFFFF; border-right-color:#FFFFFF; border-top:solid 3px #dff2fc}
#box220c_01 { width:192px; background-color:#ffffff; padding:10px; line-height:16px}
<!-- box blue large under only top -->
#box460c_out { width:458px; border-bottom-color:#FFFFFF; border-left-color:#FFFFFF; border-right-color:#FFFFFF; border-top:solid 1px #cfcfcf}
#box460c_in { width:458px; border-bottom-color:#FFFFFF; border-left-color:#FFFFFF; border-right-color:#FFFFFF; border-top:solid 3px #dff2fc}
#box460c_01 { width:432px; background-color:#ffffff; padding:10px; line-height:16px}
<!-- box blue large under -->
#box460a_out { width:458px; border:solid 1px #cfcfcf}
#box460a_in { width:452px; border:solid 3px #dff2fc}
#box460a_01 { width:432px; background-color:#fbfcff; padding:10px; line-height:16px}
<!-- box blue middellarge under blue-bg -->
#box340a_out { width:338px; border:solid 1px #cfcfcf}
#box340a_in { width:332px; border:solid 3px #dff2fc}
#box340a_01 { width:312px; background-color:#fbfcff; padding:10px; line-height:16px}
<!-- box blue middellarge under -->
#box340b_out { width:338px; border:solid 1px #cfcfcf}
#box340b_in { width:332px; border:solid 3px #dff2fc}
#box340b_01 { width:312px; background-color:#ffffff; padding:10px; line-height:16px}
-------------------------------------------------
Er der en hjælpsom en derude !!!