|
|||
prblemme mit mein inhalt div
div wird nicht grösser wenn der inhalt grösser ist. hier ist der link von meine seite ---> E-Coasters - Only Best Theme Park In Europe - Accueil
Im moment hab ich da eine scroll Bar gemacht aber das ist nicht schön da zwei scroll bars zu haben. SO hier ist meine Css. Kann jemaden mir helfen Code:
@charset "utf-8"; *{margin: 0; padding: 0; } /* CSS Document */ /* Tags Defs */ body { background:#60D7FF url(../img/body.jpg) repeat-x 0 0; } /* Layer Defs */ #global { position:absolute; left: 50%; width: 868px; height: 1244px; margin-left: -434px; /* moitié de la largeur */ top: 5px; } #page { position: absolute; height: 1244px; width: 868px; } #header { background-color: #0099CC; background-image: url(../img/header.jpg); height: 200px; width: 868px; } #clikhome { position: absolute; height: 18px; width: 60px; top: 20px; right: 44px; } #cliknews { position: absolute; height: 18px; width: 62px; top: 40px; right: 45px; } #drapfr { position:absolute; width:20px; height:13px; left: 756px; top: 160px; } #drapde { position:absolute; width:20px; height:13px; left: 780px; top: 160px; } #drapuk { position:absolute; width:20px; height:13px; left: 803px; top: 160px; } #place { position: absolute; height: 949px; width: 868px; bottom: 95px; } #leftmenufr { position: absolute; height: 949px; width: 32px; left: 1px; bottom: 0px; background-color: #0FA9FF; background-image: url(../img/menugauchefr.jpg); } #leftmenude { position: absolute; height: 949px; width: 32px; left: 1px; bottom: 0px; background-color: #0FA9FF; background-image: url(../img/menugauchede.jpg); } #leftmenuus { position: absolute; height: 949px; width: 32px; left: 1px; bottom: 0px; background-color: #0FA9FF; background-image: url(../img/menugaucheus.jpg); } #lang1fr { position: absolute; height: 89px; width: 24px; top: 37px; right: 0px; } #lang2fr { position: absolute; height: 71px; width: 24px; top: 128px; right: 0px; } #lang3fr { position: absolute; height: 73px; width: 24px; top: 200px; right: 0px; } #lang4fr { position: absolute; height: 62px; width: 24px; top: 274px; right: 0px; } #lang5fr { position: absolute; height: 50px; width: 24px; top: 337px; right: 0px; } #lang6fr { position: absolute; height: 113px; width: 24px; top: 388px; right: 0px; } #lang1de { position: absolute; height: 70px; width: 24px; top: 37px; right: 0px; } #lang2de { position: absolute; height: 102px; width: 24px; top: 107px; right: 0px; } #lang3de { position: absolute; height: 90px; width: 24px; top: 210px; right: 0px; } #lang4de { position: absolute; height: 120px; width: 24px; top: 301px; right: 0px; } #lang5de { position: absolute; height: 62px; width: 24px; top: 422px; right: 0px; } #lang6de { position: absolute; height: 78px; width: 24px; top: 485px; right: 0px; } #lang1us { position: absolute; height: 70px; width: 24px; top: 37px; right: 0px; } #lang2us { position: absolute; height: 60px; width: 24px; top: 108px; right: 0px; } #lang3us { position: absolute; height: 78px; width: 24px; top: 168px; right: 0px; } #lang4us { position: absolute; height: 45px; width: 24px; top: 246px; right: 0px; } #lang5us { position: absolute; height: 53px; width: 24px; top: 291px; right: 0px; } #lang6us { position: absolute; height: 123px; width: 24px; top: 344px; right: 0px; } #main1 { position: absolute; height: 949px; width: 804px; left: 32px; top: 0px; } #mainhaut { position: absolute; height: 28px; width: 804px; left: 0px; top: 0px; background-color: #0EA8FE; background-image: url(../img/mainhaut.jpg); } #mainmiddle { background-color: #FFFFFF; position: absolute; height: 921px; width: 804px; left: 0px; bottom: 0px; } #texte { position: absolute; height: 920px; width: 622px; left: 0px; top: 0px; overflow:auto; } #menu { position: absolute; height: 921px; width: 171px; top: 0px; right: 11px; background-color: #00A3FF; } #menu1 { background-color: #00A3FF; background-image: url(../img/multimedia.jpg); position: absolute; height: 15px; width: 158px; top: 5px; right: 6px; } a { color:#001760;} a:hover { color:#669999;} a span{ display: none;} #menu11 { background-color: #00A3FF; background-image: url(../img/liside.jpg); position: absolute; height: 14px; width: 156px; top: 25px; right: 8px; } #menu12 { background-color: #00A3FF; background-image: url(../img/liside.jpg); position: absolute; height: 14px; width: 156px; top: 43px; right: 8px; } #menu2 { background-color: #00A3FF; background-image: url(../img/coasters.jpg); position: absolute; height: 15px; width: 158px; top: 68px; right: 6px; } #menu21 { background-color: #00A3FF; background-image: url(../img/liside.jpg); position: absolute; height: 14px; width: 156px; top: 88px; right: 8px; } #menu22 { background-color: #00A3FF; background-image: url(../img/liside.jpg); position: absolute; height: 14px; width: 156px; top: 106px; right: 8px; } #menu23 { background-color: #00A3FF; background-image: url(../img/liside.jpg); position: absolute; height: 14px; width: 156px; top: 124px; right: 8px; } #menu3 { background-color: #00A3FF; background-image: url(../img/com.jpg); position: absolute; height: 15px; width: 158px; top: 150px; right: 6px; } #menu31 { background-color: #00A3FF; background-image: url(../img/liside.jpg); position: absolute; height: 14px; width: 156px; top: 170px; right: 8px; } #menu32 { background-color: #00A3FF; background-image: url(../img/liside.jpg); position: absolute; height: 14px; width: 156px; top: 188px; right: 8px; } #menu33 { background-color: #00A3FF; background-image: url(../img/liside.jpg); position: absolute; height: 14px; width: 156px; top: 206px; right: 8px; } #menu4 { background-color: #00A3FF; background-image: url(../img/team.jpg); position: absolute; height: 15px; width: 158px; top: 231px; right: 6px; } #menu41 { background-color: #00A3FF; background-image: url(../img/liside.jpg); position: absolute; height: 14px; width: 156px; top: 251px; right: 8px; } #menu42 { background-color: #00A3FF; background-image: url(../img/liside.jpg); position: absolute; height: 14px; width: 156px; top: 269px; right: 8px; } #menu43 { background-color: #00A3FF; background-image: url(../img/liside.jpg); position: absolute; height: 14px; width: 156px; top: 287px; right: 8px; } #menu5 { background-color: #00A3FF; background-image: url(../img/autres.jpg); position: absolute; height: 15px; width: 158px; top: 311px; right: 6px; } #menu51 { background-color: #00A3FF; background-image: url(../img/liside.jpg); position: absolute; height: 14px; width: 156px; top: 331px; right: 8px; } #menu52 { background-color: #00A3FF; background-image: url(../img/liside.jpg); position: absolute; height: 14px; width: 156px; top: 349px; right: 8px; } #menu53 { background-color: #00A3FF; background-image: url(../img/liside.jpg); position: absolute; height: 14px; width: 156px; top: 367px; right: 8px; } #menu6 { background-color: #00A3FF; background-image: url(../img/partenaires.jpg); position: absolute; height: 15px; width: 158px; top: 391px; right: 6px; } #menu61 { background-color: #00A3FF; position: absolute; height: 447px; width: 156px; top: 430px; right: 6px; } #menu611 { background-color: #00A3FF; position: absolute; height: 40px; width: 156px; top: 1px; right: 1px; } #menu612 { background-color: #00A3FF; position: absolute; height: 40px; width: 156px; top: 41px; right: 1px; } #menu613 { background-color: #00A3FF; position: absolute; height: 40px; width: 156px; top: 81px; right: 1px; } #menu614 { background-color: #00A3FF; position: absolute; height: 40px; width: 156px; top: 121px; right: 1px; } #rightmenu { background-color: #0EA8FE; background-image: url(../img/menudroit.jpg); position: absolute; height: 949px; width: 32px; right: 0px; bottom: 0px; } #link1 { position: absolute; height: 144px; width: 28px; left: 0px; top: 36px; } #mainbas { background-color: #0FA9FF; background-image: url(../img/footer.jpg); position: absolute; height: 95px; width: 868px; left: 0px; bottom: 0px; } #message { position: absolute; height: 48px; width: 621px; left: 32px; top: 15px; } /* Class Defs */ .message { font-family: Arial, Helvetica, Times, serif; font-size: 12px; color: #000000; text-align: center; text-decoration:none; vertical-align: middle; font-weight: bold; } .message2 { font-family: Arial, Helvetica,; font-size: 12px; color: #000000; text-align: center; text-decoration:none; vertical-align: middle; } .menu { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; padding-left: 8px; color: #000000; text-decoration: none; } ich danke alle dennen die mir versuchen zu helfen. |
Sponsored Links |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Probleme mit CSS Frameerstellung | joergi | CSS | 6 | 27.06.2011 10:17 |
Fragen zu CSS und Joomla | DOKTOR | CSS | 2 | 23.05.2011 19:29 |
div höhe - 2 scrollbalken vermeiden | grubentaucher | CSS | 4 | 07.04.2010 11:16 |
Schriftfarbe in den Eintragungsfeldern von jforms | Steveislucky | CSS | 2 | 16.03.2010 10:59 |
sidebar fixieren? | florianhwm | CSS | 1 | 29.05.2009 17:23 |