Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

weergave layout in firefox

3 antwoorden
  • Ik ben bezig met een website met mambo. [url]http://www.vvmadjoe.nl/index.php[/url] De layout is een template die ik heb aangepast zodat hij netjes meerekt bij verschillende resoluties (vanaf 800x600) De weergave in IE is prima maar in Firefox verschuiven de midden en rechtse kolom naar onderen. Wie kan mij helpen de css zo aan te passen dat de weergave ook in firefox klopt? (let niet op andere schoonheidsfoutjes, eerst dit maar eens oplossen) css: /* CSS Document */ .clr { clear : both; } #main_outer { width : 100%; } #main_inner { border : 1px solid #cccccc; background : #ffffff; padding : 2px; } .outline { border : 1px solid #cccccc; background : #ffffff; padding : 2px; } #pathway_outer { width : auto; float : left; margin-bottom : 2px; margin-right : 2px; } #pathway_inner { float : none !important; float : left; border : 1px solid #cccccc; height : 21px; background : #ffffff; } #pathway_text { overflow : hidden; float : left; display : block; padding-top : 4px; height : 18px; padding-left : 5px; color : #333333; font-weight : bold; } #buttons { float : right; margin : 0; padding : 0; width : 50%; } ul#mainlevel-nav { list-style : none; padding : 0; margin : 0; font-size : 0.8em; } ul#mainlevel-nav li { display : block; background-image : none; padding-left : 0; padding-right : 0; float : right; margin : 0; width : auto !important; width : 15%; font-size : 11px; line-height : 21px; white-space : nowrap; border-left : 1px solid #cccccc; } ul#mainlevel-nav li a { width : 100%; display : block; padding-left : 15px; padding-right : 15px; text-decoration : none; color : #038b65; background : transparent; } #buttons > ul#mainlevel-nav li a { width : auto; } ul#mainlevel-nav li a:hover { color : #ffffff; background : #038b65; } #search_outer { float : right; width : 165px; } #search_inner { border : 1px solid #cccccc; padding : 0; height : 21px !important; height : 23px; overflow : hidden; } #search_inner form { padding : 0; margin : 0; } #search_inner .inputbox { border : 0; padding : 3px 3px 3px 5px; font-family : arial, helvetica, sans-serif; font-size : 11px; font-weight : bold; color : #038b65; } #header_outer { text-align : left; border : 0; margin : 0; } #header { float : left; padding : 0; margin-right : 2px; width : 100%; height:150px; background : url(../images/header_short1.jpg) no-repeat; } #top_outer { float : left; width : 165px; } #top_inner { border : 1px solid #cccccc; padding : 2px; height : 144px !important; height : 150px; overflow : hidden; float : none !important; float : left; } #left_outer { float : left; margin-top : 2px; width : 165px; } #left_inner { border : 1px solid #cccccc; padding : 2px; float : none !important; float : left; } #content_outer { padding : 0; margin-top : 0; margin-left : 2px; border : 1px solid #cccccc; float : left; width : auto; } #content_inner { float : none !important; float : left; padding : 0; padding-top : 2px; margin : 0; } table.content_table { width : 100%; padding : 0; margin : 0; } table.content_table td { padding : 0; margin : 0; } #banner_inner { float : left; padding : 0; height : 20px; } #poweredby_inner { float : right; padding : 0; margin-left : 0; height : 70px; } #right_outer { margin-left : 2px; width : 175px; } #right_inner { float : none !important; float : left; border : 1px solid #cccccc; padding : 2px; } .user1_inner { border : 1px solid #cccccc; float : none !important; float : left; margin : 0; padding : 2px; } .user2_inner { border : 1px solid #cccccc; float : none !important; float : left; margin : 0; padding : 2px; } table td.body_outer { padding : 2px; border : 1px solid #cccccc; } #active_menu { color : #ffcc00; font-weight : bold; } a#active_menu:hover { color : #038b65; } .maintitle { color : #ffffff; font-size : 40px; padding-left : 15px; padding-top : 20px; } .error { font-style : italic; text-transform : uppercase; padding : 5px; color : #cccccc; font-size : 14px; font-weight : bold; } .back_button { float : left; text-align : center; font-size : 11px; font-weight : bold; border : 3px double #cccccc; width : auto; background : url(../images/button_bg.png) repeat-x; padding : 0 10px; line-height : 20px; margin : 1px; } .pagenav { text-align : center; font-size : 11px; font-weight : bold; border : 3px double #cccccc; width : auto; background : url(../images/button_bg.png) repeat-x; padding : 0 10px; line-height : 20px; margin : 1px; } .pagenavbar { margin-right : 10px; float : right; } #footer { text-align : center; padding : 3px; } ul { margin : 0; padding : 0; list-style : none; } li { line-height : 20px; padding-left : 15px; padding-top : 0; background-image : url(../images/arrow.png); background-repeat : no-repeat; background-position : 0 3px; } td { text-align : left; font-size : 11px; } body { margin : 15px; height : 100%; padding : 0; font-family : Verdana, Arial, Helvetica, Sans Serif; font-size : 11px; color : #333333; background : #038b65; } a:link , a:visited { color : #038b65; text-decoration : none; font-weight : bold; } a:hover { color : #038b65; text-decoration : underline; font-weight : bold; } table.contentpaneopen { width : 100%; padding : 0; border-collapse : collapse; border-spacing : 0; margin : 0; } table.contentpaneopen td { padding-right : 5px; } table.contentpaneopen td.componentheading { padding-left : 4px; } table.contentpaneopen td.contentheading { padding-left : 15px; padding-top : 9px; } table.contentpane { width : 100%; padding : 0; border-collapse : collapse; border-spacing : 0; margin : 0; } table.contentpane td { margin : 0; padding : 0; } table.contentpane td.componentheading { padding-left : 4px; } table.contentpane td.contentheading { padding-left : 15px; padding-top : 9px; } .button { color : #038b65; font-family : Arial, Hevlvetica, sans-serif; text-align : center; font-size : 11px; font-weight : bold; border : 3px double #cccccc; width : auto; background : url(../images/button_bg.png) repeat-x; padding : 0 5px; line-height : 18px !important; line-height : 16px; height : 26px !important; height : 24px; margin : 1px; } .inputbox { padding : 2px; border : 1px solid #cccccc; background-color : #ffffff; } .componentheading { background : url(../images/subhead_bg.png) repeat-x; color : #666666; text-align : left; padding-top : 4px; padding-left : 4px; height : 21px; font-weight : bold; font-size : 10px; text-transform : uppercase; } .contentcolumn { padding-right : 5px; } .contentheading { height : 30px; background : url(../images/contenthead.png) repeat-x; color : #038b65; text-align : left; padding-top : 9px; padding-left : 15px; font-weight : bold; font-size : 13px; white-space : nowrap; } .contentpagetitle { font-size : 13px; font-weight : bold; color : #cccccc; text-align : left; } table.searchinto { width : 100%; } table.searchintro td { font-weight : bold; } table.moduletable { width : 100%; margin-bottom : 5px; padding : 0; border-spacing : 0; border-collapse : collapse; } table.moduletable th { background : url(../images/subhead_bg.png) repeat-x; color : #666666; text-align : left; padding-top : 4px; padding-left : 4px; height : 21px; font-weight : bold; font-size : 10px; text-transform : uppercase; } table.moduletable td { font-size : 11px; padding : 0; margin : 0; font-weight : normal; } table.pollstableborder td { padding : 2px; } .sectiontableheader { font-weight : bold; background : #f0f0f0; padding : 4px; } .sectiontableentry1 { background-color : #ffffff; } .sectiontableentry2 { background-color : #f9f9f9; } .small { color : #999999; font-size : 11px; font-weight : bold; } .createdate { height : 15px; padding-bottom : 10px; color : #999999; font-size : 11px; } .modifydate { height : 15px; padding-top : 10px; color : #999999; font-size : 11px; } table.contenttoc { border : 1px solid #cccccc; padding : 2px; margin-left : 2px; margin-bottom : 2px; } table.contenttoc td { padding : 2px; } table.contenttoc th { background : url(../images/subhead_bg.png) repeat-x; color : #666666; text-align : left; padding-top : 2px; padding-left : 4px; height : 21px; font-weight : bold; font-size : 10px; text-transform : uppercase; } a.mainlevel:link , a.mainlevel:visited { display : block; background : url(../images/menu_bg.png) no-repeat; vertical-align : middle; font-size : 11px; font-weight : bold; color : #ffffff; text-align : left; padding-top : 5px; padding-left : 18px; height : 20px !important; height : 25px; width : 100%; text-decoration : none; } a.mainlevel:hover { background-position : 0 -25px; text-decoration : none; color : #333333; } a.sublevel:link , a.sublevel:visited { padding-left : 1px; vertical-align : middle; font-size : 11px; font-weight : bold; color : #ff6600; text-align : left; } a.sublevel:hover { color : #c43c03; text-decoration : none; } .highlight { background-color : yellow; color : blue; padding : 0 2px; } .code { background-color : #ddd; border : 1px solid #bbb; } h1 { font-family : Verdana, Arial, Sans-serif; margin : 0 0 15px; padding : 0; font-size : 1.5em; color : #038b65; } h2 { font-family : Verdana, Arial, Sans-serif; margin : 0; padding : 0; font-size : 1em; font-weight : bold; line-height : 20px; } h3 { font-family : Verdana, Arial, Sans-serif; margin : 0; padding : 0; font-size : 1em; font-weight : 700; line-height : 20px; color : #ffffff; background-color : #038b65; } H4 { font-family : Verdana, Arial, Sans-serif; font-size : 0.8em; } hr { height : 4px; color : #038b65; }[code:1:516317c4d3][/code:1:516317c4d3]
  • Ik heb ff gezocht en het blijkt dat er meer mensen zijn met dat probleem, zoals in het originele releastopic valt te lezen: http://forum.mamboserver.com/showthread.php?t=21137 Heb je wel de nieuwste versie van Solarflare 2? www.jamboworks.com/The_News/Latest_News/SolarFlare_2_Template!/ Geen idee of dat de nieuwste is... Ene Shoffman11 heeft Solarflare2 ook aangepast, maar de link naar die aanpassing doet het (momenteel?) niet: http://mamboforge.net/projects/solarflare2-dw/ Misschien kun je wat met bovenstaande links..? Overigens zie ik wel erg rare code voorbij komen in de source:[code:1:a839728f46]<td valign="top" colspan="2"> <div><strong>Zaterdag 17 september de Sprong,</strong></div> <br /> <div><strong>Driekamp dames 1 en heren 1 tegen Omniworld</strong></div> <br /> <div> <div>Volco uit Ommen en Set Up uit Ootmarsum zijn komende zaterdag de tegenstanders van dames 1 in de oefendriekamp.</div> <div> <br /> <div>Het programma is als volgt:</div> <br /> <div>11.00 uur Madjoe D1 – Volco</div> <br /> <div>12.45 uur Volco - Set Up</div> <br /> <div>14.30 uur Set Up - Madjoe D1</div> <br /> <div> <br /> <div>Om 16:30 speelt heren 1 vervolgens een oefenwedstrijd tegen Omniworld 2 (3e div).<br /><br /></div> </div> </div> </div> </td>[/code:1:a839728f46]Da's een bijzondere hoeveelheid div'jes. Misschien kun je daar ook even naar kijken (ja, ik weet het, het lost je probleem nog niet op).
  • Bedankt voor je links, ik ga kijken of ik er wat mee kan. Wat betreft die code, dat was mij ook al opgevallen, maar ik krijg het niet opgeknapt. Als je een nieuwsbericht invoert maakt hij er deze code van. Ik heb geprobeerd dit in de html editor te vervangen door normale html maar het wordt vanzelf weer teruggezet naar die rommelcode. Misschien is dit in de volgende versie van Mambo beter? gr. Ineke

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.