Wyniki wyszukiwania

Forum PHP.pl > Aktywne tematy

Dwa divy jeden pod drugim - problem z położeniem

joordan

Napisane: 29.04.2013, 21:37:32

Grupa: Zarejestrowani
Postów: 51
Dołączył: 15.06.2010

Ostrzeżenie: (10%)
X----

[HTML] pobierz, plaintext 
<html>
<head>
<STYLE type="text/css">
* { padding: 0; margin: 0; }
 
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
#wrapper { 
margin: 0 auto;
width: 1000px;
}
#header {
color: #333;
width: 940px; /*szerokość loga*/
float: left;
padding: 10px;
border: 1px solid #ccc;
height: 100px; /*wyskokość loga*/
margin: 10px 0px 5px 0px;
background: #BD9C8C;
}
#leftcolumn { 
color: #333;
border: 1px solid #ccc;
background: #E7DBD5;
margin: 0px 5px 5px 0px;
padding: 10px;
height: 128px;
width: 195px;
float: left;
}
#newsy { 
float: left;
 
color: #333;
border: 1px solid #ccc;
background: #F2F2E6;
margin: 0px 5px 5px 0px;
padding: 10px;
height: 350px;
width: 456px;
}
 
#columna_srodek { 
float: left;
padding-right:16px;
 
min-height: 360px;
width: 466px;
}
#formularz{ 
float: left;
 color: #333;
 border: 1px solid #ccc;
 background: #F2F2E6;
 margin-left: auto;
 margin-right: auto;
 padding: 10px;
 height: 350px;
 width: 456px;
 }
#rightcolumn { 
color: #333;
border: 1px solid #ccc;
background: #E7DBD5;
margin: 0px 0px 5px 0px;
padding: 10px;
height: 752px;
width: 235px;
float: left;
}
#footer { 
width: 940px;
clear: both;
color: #333;
border: 1px solid #ccc;
background: #BD9C8C;
margin: 0px 0px 10px 0px;
padding: 10px;
}
 </STYLE>
</head>
<body>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <title>Tytul</title>
 
    </head>
    <body>
        <!-- Begin Wrapper -->
        <div id="wrapper">
            <!-- Begin Header -->
            <div id="header">
                <center>
                    TUTAJ JEST LOGO
                </center>
            </div>
            <!-- End Header -->
            <!-- Begin Left Column -->
            <div id="leftcolumn">
                <center>
                    <table>
                        <ul>
                            <li><a href="#">Menu1</a></li>
                            <li><a href="#">Menu2</a></li>
                            <li><a href="#">Menu3</a></li>
                            <li><a href="#">Menu4</a></li>
                        </ul>
                    </table>
                </center>
            </div>
            <!-- End Left Column -->
            <!-- Begin Content Column -->
			<div id="columna_srodek">
				<div id="newsy">
					<script type="text/javascript">
						// <![CDATA[
							var news = new News();
 
							/////
							// Dodawanie newsów w postaci:
							// news.dodaj(dzien,miesiac,rok,
							//   'Tytul','Tresc newsa...',
							//   'adres','ramka',
							//   'autor','e-mail',
							//   'obrazek',szerokosc,wysokosc);
							/////
 
							//////////
							// Dodawanie newsów:
							news.dodaj(29,04,2013, 'Testowy News', 'Testowy news');
							//////////
 
							news.wyswietl();
						// ]]>
					</script>
 
			     </div>
				<div id="formularz">
					TEST
				</div>
			</div>
            <!-- End Content Column -->
            <!-- Begin Right Column -->
            <div id="rightcolumn">
                <script type="text/javascript">
                    // <![CDATA[
                        var galeria = new Galeria('galeria', new Array(
                            new Array('midk.jpg', '', 'Tytul', ''),
                            new Array('mwola.jpg', '', 'Tytul', ''),
                            new Array('mtablica.jpg', '', 'Tytul', ''),
                            new Array('mmieszkanie.jpg', '', 'Tytul', '')
                        ), 'galeria.css', true);
                    // ]]>
                </script>
            </div>
            <!-- End Right Column -->
            <!-- Begin Footer -->
            <div id="footer">
                ? 2013 - <?php echo date("Y"); ?>   qwerty
            </div>
            <!-- End Footer -->
        </div>
        <!-- End Wrapper -->
    </body>
</html>
 
 
</body>
</html>
[HTML] pobierz, plaintext