Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS,xHTML] Problem z divem
Yumi
post
Post #1





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 30.03.2007
Skąd: Iława

Ostrzeżenie: (0%)
-----

Witam,
Mam nastepujący problem: jak przenieść diva z jasno niebieskim tłem w górę, w tak, żeby zaczynał się na równi z menu po lewej i nie stracił właściwości rozszerzania sie pod wpływem treści.

css.css

Kod
@charset "utf-8";
body {
font : 100% Verdana, Arial, Helvetica, sans-serif;
background : #ffffff;
margin : 0;
padding : 0;
text-align : center;
color : #000000;
}
.main #container {
width : 780px;
background : #ffffff;
margin : 50px auto;
border : 1px solid #000000;
text-align : left;
}
.main #header {
background : #ffffff;
padding : 0 10px 0 20px;
}
.main #header p {
color : #d10000;
font-family : Arial, Helvetica, sans-serif;
font-size : smaller;
text-align : right;
}
.main #header h1 {
margin : 0;
padding : 10px 0;
}
.headermenu {
padding : 0;
width : 760px;
border-top : 5px solid #d10000;
margin-left : 6px;
background : transparent;
voice-family : "\"}\"";
voice-family : inherit;
background : #ccff33;
}
.headermenu ul {
margin : 0;
margin-left : 0;
padding : 0;
list-style : none;
}
.headermenu li {
display : inline;
margin : 0 2px 0 0;
padding : 0;
}
.headermenu a {
float : left;
display : block;
font : bold 12px Arial;
color : black;
text-decoration : none;
margin : 0 1px 0 0;
padding : 5px 10px 9px 10px;
background-color : white;
}
.headermenu a:hover {
background-color : #d10000;
padding-top : 9px;
padding-bottom : 5px;
color : white;
}
.headermenu .current a {
background-color : #d10000;
padding-top : 9px;
padding-bottom : 5px;
color : white;
}
#ddblueblockmenu {
float : none;
border : 0 solid black;
border-bottom-width : 0;
width : 180px;
margin-left : 6px;
margin-top : 45px;
}
#ddblueblockmenu ul {
margin : 0;
padding : 0;
list-style-type : none;
font : normal 12px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}
#ddblueblockmenu li a {
display : block;
padding : 3px 0;
padding-left : 3px;
width : 170px;
text-decoration : none;
color : white;
background-color : #2175bc;
border-bottom : 1px solid #90bade;
border-left : 7px solid #1958b7;
}
* html #ddblueblockmenu li a {
width : 207px;
width : 209px;
}
#ddblueblockmenu li a:hover {
background-color : #2586d7;
border-left-color : #1c64d1;
}
#ddblueblockmenu div.menutitle {
color : white;
border-bottom : 1px solid black;
padding : 1px 0;
padding-left : 5px;
background-color : black;
font : bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}
.main #mainContent {
margin-left : 230px;
margin-bottom : 10px;
padding : 0 20px;
background : #00ccff;
}
.main #footer {
padding : 0 10px 0 20px;
background : #d10000;
}

.main #footer .stopka {
margin : 0;
background : #d10000;
color : #ffffff;

}
.main #footer p {
text-align:right;
}

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


index.xhtml

Kod
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>MIS Consulting &amp; Training </title>
<link href="css.css" rel="stylesheet" type="text/css" />
<!--[if IE 5]>
<style type="text/css">
/* place css box model fixes for IE 5* in this conditional comment */
.twoColFixLtHdr #sidebar1 { width: 230px; }
</style>
<![endif]--><!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
.twoColFixLtHdr #sidebar1 { padding-top: 30px; }
.twoColFixLtHdr #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]--></head>

<body class="main">

<div id="container">
   <div id="header">
     <img src="" alt="MIS Consulting &amp; Training" width="" height="" /> <p>Dedicated solutions to enhance your performance</p>
   <!-- end #header --></div>
    <div class="headermenu">
         <ul>
             <li class="current"><a title="O nas" href="index.php?site=aboutus">O nas</a></li>
             <li><a title="Consulting" href="index.php?site=consulting">Consulting</a></li>
             <li><a title="Training" href="index.php?site=training">Training</a></li>
             <li><a title="Zapytanie ofertowe" href="index.php?site=question">Zapytanie ofertowe</a></li>
             <li><a title="Publikacje" href="index.php?site=publications">Publikacje</a></li>
                 <li><a title="Kontakt" href="index.php?site=acontact">Kontakt</a></li>
      </ul>
   </div>

       <div id="ddblueblockmenu">
     <div class="menutitle">Usługi MIS Consulting </div>
         <ul>
             <li><a href="/sites/index.php?site=aboutus.php">Tworzenie systemu controllingu</a></li>
             <li><a href="/sites/index.php?site=aboutus.php">Wdrażanie rachunku kosztów</a></li>
             <li><a href="/sites/index.php?site=aboutus.php">Controlling Sprzedaży</a></li>
             <li><a href="/sites/index.php?site=aboutus.php">Re-engineering procesów biznesowych</a></li>
             <li><a href="/sites/index.php?site=aboutus.php">Modelowanie finansowe</a></li>

       </ul>

     <div class="menutitle">Usługi MIS Training</div>
         <ul>
         <li><a href="/sites/index.php?site=aboutus.php">Controlling i rachunkowość zarządcza w praktyce</a></li>
         <li><a href="/sites/index.php?site=aboutus.php">Profejsonalne raportowanie oraz analizy finansowe w Excelu</a></li>
         <li><a href="/sites/index.php?site=aboutus.php">Excel jako narzędzie wspomagające pracę księgowego</a></li>
         <li><a href="/sites/index.php?site=aboutus.php">jakis teks</a></li>
         </ul>
            
     </div>
     <div id="mainContent">
     vsvdsvd
     </div>
    
   <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats -->
   <br class="clearfloat" />
   <div id="footer">
     <stopka>informacje kontaktowe stopka autorska :)</stopka>
                 <p>
                 <a href="http://validator.w3.org/check?uri=referer"><img
                 src="http://www.w3.org/Icons/valid-xhtml11"
                 alt="Valid XHTML 1.1" height="4" width="88" border="0" /></a>
              
                 <a href="http://jigsaw.w3.org/css-validator/">
                 <img style="border:0;width:88px;height:4px"
                 src="http://jigsaw.w3.org/css-validator/images/vcss"
                 alt="Poprawny CSS!" /></a>
                 </p>
   <!-- end #footer --></div>
<!-- end #container --></div>
</body>
</html>
Go to the top of the page
+Quote Post

Posty w temacie
- Yumi   [CSS,xHTML] Problem z divem   21.03.2008, 12:50:28
- - arecki   Tak miało być ? html: [HTML] pobierz, plaintext ...   21.03.2008, 16:56:33
- - Yumi   O właśnie! Dzięki wielkie... masz u mnie buzi ...   24.03.2008, 02:35:27
- - arecki   No super tylko nie wiem co Żonka na to ) A co do b...   25.03.2008, 17:12:17

« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 24.12.2025 - 13:17
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn