Jump to content

derange

Member
  • Posts

    11
  • Joined

  • Last visited

derange's Achievements

Newbie

Newbie (1/14)

0

Reputation

  1. i have solved it i moved content height to the css file and put auto so now it is working perfect.....
  2. well i have reduced the errors now but why dont the repeat-y work as it sholud in firefox??? if i use the quickfix and typing the px to get it to look good in firefox then i get a big white area at the end of the page in explorer..... Is the no way to get the repeat to work as is should?
  3. http://www.flytillbrasilien.se/blieng/discovernatalbrazil.html with css /** BASIC */ * { margin:0; padding:0; } body { background-image: url(images/blibackground.gif); } /** HEADER */ #header { margin: 0 auto; background: url(images/logga.gif); } /** MENU */ #menu { margin: 0 auto; background: url(images/img03.gif); } /** CONTENT */ #content { margin: 0 auto; background: url(images/img04.gif) repeat-y; } #columnA { float: right; } /** FOOTER */ #footer { margin: 0 auto; background: url(images/fot.gif); }
  4. well i slimed down the css file some.... but still som problems... /** BASIC */ * { margin:0; padding:0; } body { margin: 0px 0px 0px 0px; background-image: url(images/blibackground.gif); } /** HEADER */ #header { margin: 0px auto; background: url(images/logga.gif); } /** MENU */ #menu { margin: 0px auto; background: url(images/img03.gif); } /** CONTENT */ #content { margin: 0px auto; background: url(images/img04.gif) repeat-y; } #columnA { float: right; } #columnB { float: left; width: 949px; padding: 0px 0px 0px 0px; } /** FOOTER */ #footer { width: 950px; margin: 0px auto; background: url(images/fot.gif); } what should i do to make it more simpel.... (not rewriting the entire page) Should i post everything in the html code?
  5. well i buy that there is error in the html code but for now the problem is in the css code... last time i asked someone here i got god tips to add things in my css code to fix just margin errors and so on...... and then it all worked... so yes it is firefox that does not working as it should.... i do not want to rewrite everytning just for firefox....
  6. my css code body { margin: 20px 0 0 0; padding: 0; background: #679966 url(images/img01.jpg); font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; } h1, h2, h3 { margin: 0; font-weight: normal; color: #000000; } h1 { font-size: 197%; } h2 { font-size: 167%; } h3 { font-size: 100%; font-weight: bold; } p, ol, ul { line-height: 180%; } p { } ol { } ul { } blockquote { margin: 0; padding-left: 20px; font-style: italic; } blockquote * { line-height: normal; } a { color: #000000; } a:hover { text-decoration: none; } img { border: none; } img.left { float: left; margin: 0 15px 0 0; } img.right { float: right; margin: 0 0 0 15px; } hr { display: none; } /* Header */ #header { width: 700px; height: 220px; margin: 0 auto; background: url(images/img02.jpg) no-repeat right top; } /* Logo */ #logo { float: left; width: 220px; height: 220px; background: #679966 url(images/img03.jpg); } #logo h1, #logo h2 { margin: 0; text-transform: lowercase; text-align: center; font-weight: normal; } #logo h1 { padding: 120px 0 0 0; background: url(images/img04.jpg) no-repeat 50% 30px; letter-spacing: -1px; font-size: 36px; } #logo h2 { font-size: 18px; } #logo a { text-decoration: none; color: #000000; } /* Menu */ #menu { float: right; width: 470px; height: 40px; padding: 180px 0 0 0; } #menu ul { width: 466px; height: 40px; margin: 0; padding: 0; background: #000000 url(images/img05.jpg) repeat-x; border-left: 2px solid #ffffff; border-right: 2px solid #ffffff; list-style: none; } #menu li { display: inline; } #menu a { display: block; float: left; height: 32px; padding: 8px 20px 0 19px; background: url(images/img06.gif) no-repeat; text-transform: none; text-decoration: none; font-size: 16px; font-weight: bold; color: #000000; } /* Page */ #page { width: 700px; margin: 0 auto; } /* Content */ #content { float: right; width: 430px; padding: 20px; background: #ffffff url(images/img07.gif) no-repeat left bottom; } /* Sidebar */ #sidebar { float: left; width: 220px; padding-top: 10px; } #sidebar a { color: #000000; } #sidebar ul { margin-left: 0; padding-left: 0; list-style: none; font-size: 92%; } #sidebar ul li { padding: 5px 14px; background: url(images/img13.gif) no-repeat 0px 12px; border-top: 1px solid #679966; } #sidebar ul li.first { border: none; } #sidebar ul li h2 { margin: 0; font-size: 100%; } #sidebar ul li h3 { margin: 0; font-size: 92%; } #sidebar ul li p { margin: 0; } .boxed { margin-bottom: 10px; background: #679966 url(images/img10.gif) no-repeat left bottom; } .boxed .title { height: 30px; margin: 0; padding: 10px 0 0 10px; background: #679966 url(images/img08.jpg) no-repeat; font-size: 16px; font-weight: bold; color: #000000 } .boxed .content { padding: 15px; background: url(images/img09.gif) repeat-x; } /* Search */ #search { } #search form { margin: 0; padding: 0; } #search fieldset { margin: 0; padding: 0; border: none; } #search p { margin: 0; font-size: 85%; } #searchinput { float: right; width: 174px; padding: 2px 5px; background: #679966 url(images/img11.gif) repeat-x; border: 1px solid #FFFFFF; font: bold 100% "Trebuchet MS", Arial, Helvetica, sans-serif; } #searchsubmit { float: right; margin-top: 5px; background: #679966 url(images/img12.gif) repeat-x; border: none; font: bold 100% "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFFFFF; } /* Footer */ #footer { height: 100px; } #footer p { margin: 0; line-height: normal; font-size: 85%; color: #000000; } #footer a { color: #000000; } Problem nr 1 http://www.flytillbrasilien.se/blieng/discovernatalbrazil.html the repeat just didn?t want to work why? several pages has the same problem and i got back the space at the footer again.... ans some aligment problems at the sides. Kind regards Derange (i do not like firefox now)
  7. sorry did not see the last post... it works great now..... thanx
  8. the menu and the footer worked fine thanx.... just messing with the top now..... i want it to start from the very top of the page to in firefox....
  9. I have a small but troubelsome problem..... I get this spaces in firefox that i do not get i IE6 ( http://www.flytillbrasilien.se/blipor/index.html ) How do i rewrite it so it will work on both? I have walidated it so there is no problems there ( http://jigsaw.w3.org/css-validator/#validate-by-input ) This is the code today /** BASIC */ body { margin: 0px 0px 0px 0px; background-image: url(images/blibackground.jpg); text-align: justify; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #274690; } h1 { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 32px; font-weight: normal; letter-spacing: 0px; text-transform: none; } h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 22px; font-weight: normal; color: #274690; text-transform: none; letter-spacing: 0px; } ul { margin-left: 0px; padding-left: 0px; list-style-type: none; } a { color: #274690; } a:hover { text-decoration: none; } /** HEADER */ #header { width: 950px; height: 143px; margin: 0px auto; background: #ffffff url(images/logga.jpg); } /** MENU */ #menu { width: 950px; height: 30px; margin: 0px auto; background: url(images/img03.jpg) repeat-x left top; } #menu ul { margin: 0px; padding: 0px; list-style: none; } #menu li { display: none; } /** CONTENT */ #content { width: 950px; margin: 0px auto; background: url(images/img04.gif) repeat-y left top; } #columnA { float: right; width: 440px; padding: 20px; } #columnB { float: left; width: 180px; padding: 20px 20px 0px 20px; } #columnB h2 { font-size: large; } /** FOOTER */ #footer { width: 950px; margin: 0px auto; background: #ffffff url(images/fot.jpg); }
×
×
  • Create New...