Problems with CSS

riedere

2007-09-09 15:06

Hi,togeher
I try now for the first Time to setup a page with Q-CMS for a customer. But I have troubles with the CSS.
They shuold keep the Main Block in center but it goes always down. This I know is because I do not understad all parts in the css.
Any suggestions for me ?
see test page on http://x5.prowebnet.ch/bgi
(most pictures are dummys for preparing the page)

And if somebody has a bit time for mi to do this please write me.
either anybody or somebody from OpenSolution - say how much I should spent as donation for this work.

Thanks Erich Rieder

» Quick.Cms v1.x

riedere

2007-09-09 15:14

by the way - my orgin language is German
also normal spreche ich Deutsch

merci

2007-09-10 07:56

riedere - I'm not sure if I understand you properly...if you want this part with content goes to the center, you should in templates/default.css change this line:

to this:

#body{width:1050px;margin:0 auto;color:#dddddd;}p/php]
but if I wrong understand you, please send screen, and show what you want to have, I will try to help you.

riedere

2007-09-10 08:35

Thanks a lot <merci>, it became much better but always some not nice especially showing by diffrent browsers:

This is made by browsing with IE: http://x5.prowebnet.ch/bgi/bgi-ie.jpg

This with Firefox: http://x5.prowebnet.ch/bgi/bgi-firefox.jpg

Thanks Erich

And here is the default.css (this auto correction I just made, and changed witdh for content)
Maybe if you could insert more helpfull explanation into the css it will help me.
/*
Quick.Cms v1.0 default stylesheet
Copyright by OpenSolution.org 2007
*/

/* GLOBAL STYLES */
body,h1,h2,h3,h4,h5,h6,p,form,fieldset,img,td,th,table,ul{margin:0;padding:0;border:0;}
body,table{background-color:inherit;color:#FFFFFF;font-size:12px;font-family:Arial, Verdana, sans-serif;}

/* below you can change background and font for all site */
body{padding-bottom:10px;background:#30303A repeat-x;text-align:center;}

.hide{display:none;}

#body .left{text-align:left;}
#body .right{text-align:right;}
#body .center{text-align:center;}

.clear{clear:both;font-size:0px;line-height:0px;}

a{background-color:inherit;color:#eeeeee;}
a:link, a:visited, a:active{text-decoration:none;}
a:hover{text-decoration:underline;}

.input, select, textarea{border:1px solid #5d81bd;font:0.92em arial, sans-serif;}
.submit{font:0.83em arial, sans-serif;}

/* HEAD styles */
#head{width:1050px;height:150px;margin:0 auto;background:inherit;color:#46464F;)repeat-x;text-align:left;color:#FFFFFF; }
#head #logo{float:left;padding:10px 30px 0 0px;}
#head #logo div{font-size:1px;line-height:1px;}
#head #logo h3{height:18px;padding-left:2px;background:inherit;font:normal 1.167em "trebuchet ms", sans-serif;color:#FFFFFF;}

/* BODY styles */
#body{width:1050px;margin:0 auto;color:#dddddd;}
#column{float:left;width:100px;padding:0 0 0 10px;}
#content{float:left;width:800px;padding:20px 30px 20px 50px; background-color:#46464F;}
#body:after{display:block;clear:both;visibility:hidden;height:0;content:".";}

/* BACK LINK */
#back{margin:10px 20px;padding:3px 0;font-size:0.92em;text-align:right;}
#back a{margin:0 10px 0;}

/* FOOT styles
#foot{clear:both;width:1050px;height:31px;margin:0 auto;background:url('img/foot_bg.jpg') no-repeat;text-align:left;}
#foot p{float:left;padding:9px 0 0 25px;background:inherit;color:#46464F;font:0.83em verdana, sans-serif;text-align:left;}
#foot h1{float:right;margin:0 10px;padding:9px 15px 0 0;font:bold 0.83em verdana, sans-serif;color:#999999}
#foot h1 a{background:inherit;color:#46464F;}
*/

/* MENU 1 styles - left menu */
#menu1{width:200px;margin:20px 0 20px 17px;}
#menu1 dt{margin:0 0 1px;}
#menu1 dt a{display:block;height:16px;padding:6px 0 6px 25px; 7px 11px no-repeat;background-color:inherit;color:#888888;font:bold 1.167em verdana, sans-serif;text-align:left;}
#menu1 dt a:hover{color:#CCCCCC;text-decoration:none;}
#menu1 dt#selected a{color:#FFFFFF;text-decoration:none;}

/* MENU 2 styles - top menu under logo */
#menu2{margin:0 0 0 12px;padding:13px 0 0;list-style:none;}
#menu2 li{float:left;}
#menu2 li a{display:block;padding:3px 12px 4px;border-right:1px solid #f7f7ff;background:inherit;color:#fff;font:bold 1.167em verdana, sans-serif;}
#menu2 li a:hover{background:#FFFFFF;color:#FFFFFF;}
#menu2 li#selected a{background:#f7f7ff;color:#d62121;text-decoration:underline;}
#menu2 .lL a{border:0;}

/* MENU 3 styles - top menu on right logo */
#menu3{float:right;height:30px;margin:0 15px 0 0;list-style:none;background:#f00;color:#fff;}
#menu3 li{float:left;margin:8px 0 0;padding:0 12px;border-right:1px solid #fff;}
#menu3 li a{font:bold 1em verdana, sans-serif;background-color:inherit;color:#fff;}
#menu3 li#selected a{text-decoration:underline;}
#menu3 .lL{border:0;}

/* MESSAGE - error and confirm messages styles */
#message{text-align:center;}
#error, #ok{padding:100px 0;font-size:1.167em;font-weight:bold;line-height:2em;}
#error a, #ok a{background:inherit;color:#000;font-size:0.786em;font-weight:bold;}
#error{background:inherit;color:red;}
#ok{background:inherit;color:#5d81bd;}

/* PAGE DETAILS - name, description */
#pageShow h2{margin:5px 0 10px;background:inherit;color:#ffffff;font-size:1.5em;text-align:left;}
#pageShow h3{margin:5px 0;background:inherit;color:#ffffff;;font-size:1em;text-align:left;}
#pageShow h3, #pageShow h3 a{color:#ffffff;background-color:inherit;#aadddd;text-align:left;}
#pageShow h3 a, #pageShow h3 span{padding:0 5px;}
#pageShow .txt a{border-bottom:1px solid #ddd;text-decoration:none;}
#pageShow .txt a:hover{border-bottom:1px solid #FFFFFF;}

#pageShow .pages{margin:5px 0 0;padding:5px 0 0;border-top:1px solid #ffffff;text-align:right;font-size:0.917em;}
#pageShow .pages span{padding:0 10px 0 0;}
#pageShow .pages a, #pageShow .pages strong{padding:0 5px;}
#pageShow .pages strong{text-decoration:underline;}

#pageShow #filesList{margin:10px 0 0;background:inherit;color:#eeeeee;}

#photosList{float:right;}
#photosList img{margin:2px 0 1px 4px;border:1px solid #e7e7e7;}
#photosList p{padding:0 0 8px 4px;font-size:0.83em;}

/* PAGE DETAILS - sub pages list - under description */
#subList{padding:10px 0 0;}
#subList .l{padding:5px 0 10px;border-top:1px solid #dfdfdf;}
#subList .l div{clear:left;padding:5px 0 0 5px;}
#subList .l div.clear{padding:0;border:none;}
#subList .l h4{font-size:0.917em;text-align:left;}
#subList .l h4 a{background:inherit;font-weight:bold;}
#subList .l h5{margin:2px 0 0 10px;font-weight:normal;font-size:0.83em;text-align:left;}
#subList .l h5 a{border-bottom:1px solid #ddd;text-decoration:none;}
#subList .l h5 a:hover{border-bottom:1px solid #666;}
#subList .l .photo{float:left;margin:0 5px 3px 0;}


/* GALLERY photos */
#galleryBody{margin:5px 0;background:#fff;color:inherit;}
#popupPhoto {width:100%;margin:5px 0;padding:0;border:none;font-size:11px;}
#popupPhoto td{padding:7px 3px;text-align:center;}
#popupPhoto th{margin:5px 0;padding:3px;text-align:center;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;}
#popupPhoto th strong, #popupPhoto th a{padding:0 2px;background:inherit;color:#444;font-size:11px;}
#popupPhoto th strong, #popupPhoto th a:hover{background:inherit;color:#f00;}
#popupPhoto td p{font-size:10px;}
#popupPhoto img{border:1px solid #dce6f5;}

/* ATTACHED FILES */
ul#filesList{background:inherit;color:#505050;font-size:0.92em;vertical-align:middle;list-style:none;}
ul#filesList img{margin:0 8px 0 0;background:inherit;color:#5d81bd;vertical-align:middle;}
ul#filesList li{margin:0 0 4px;}

@media print{
/* PRINT styles */
body{margin:5px 0;background:#fff;color:#000;}
a{background:inherit;color:#000;}
#head{width:16cm;height:auto;background:#fff;}
#head #logo{padding:0;}
#body{width:16cm;background:#fff;}
#body #content{width:100%;margin:0;}

#foot{width:16cm;background:#fff;}
#foot .powered a{background:inherit;color:#000;}

#column, #menu1, #menu2, #menu3, #back, #pageShow .pages{display:none;}
#pageShow h2, #pageShow h3, #pageShow h3 a, #subList .l h4 a{background:inherit;color:#000;}
}

riedere

2007-09-11 04:50

Hi
I found the differences in css file (IE / Firefox)
now it is nearly OK with both Browsers

See x5.prowebnet.ch/bgi

Thanks