Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Dwa divy jeden pod drugim - problem z położeniem
MrGohut
post
Post #1





Grupa: Zarejestrowani
Postów: 32
Pomógł: 0
Dołączył: 29.04.2013

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

Mam problem z dwoma divami. Chcę dodać div pod już istniejącym divem, ma być po środku. Obecnie mam tak:
[HTML] pobierz, plaintext 
  1. <div id="newsy" clear="left">
  2. 				<script type="text/javascript">
  3. 					// <![CDATA[
  4. 						var news = new News();
  5.  
  6. 						/////
  7. 						// Dodawanie newsów w postaci:
  8. 						// news.dodaj(dzień,miesiąc,rok,
  9. 						//   'Tytuł','Treść newsa...',
  10. 						//   'adres','ramka',
  11. 						//   'autor','e-mail',
  12. 						//   'obrazek',szerokość,wysokość);
  13. 						/////
  14.  
  15. 						//////////
  16. 						// Dodawanie newsów:
  17. 						news.dodaj(29,04,2013, 'Testowy News', 'Testowy news');
  18. 						//////////
  19.  
  20. 						news.wyswietl();
  21. 					// ]]>
  22. 				</script>
  23. 			</div>
  24. 			<div id="formularz" clear="left">
  25. 				TEST
  26. 			</div>
[HTML] pobierz, plaintext

I CSS:
[HTML] pobierz, plaintext 
  1. #newsy { 
  2.  float: left;
  3.  color: #333;
  4.  border: 1px solid #ccc;
  5.  background: #F2F2E6;
  6.  margin: 0px 5px 5px 0px;
  7.  padding: 10px;
  8.  height: 350px;
  9.  width: 456px;
  10. }
  11. #formularz{ 
  12.  float: left;
  13.  color: #333;
  14.  border: 1px solid #ccc;
  15.  background: #F2F2E6;
  16.  margin: 0px 5px 5px 0px;
  17.  padding: 10px;
  18.  height: 350px;
  19.  width: 456px;
[HTML] pobierz, plaintext

Ale niestety ten drugi div (formularz) nie ukłąda się na środku pod newsami tylko jakoś wypycha go na lewo ;/ Kombinowałem godzine i już nie mam pomysłów : D (Pierwszy raz z divami (IMG:style_emoticons/default/tongue.gif) )
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
MrGohut
post
Post #2





Grupa: Zarejestrowani
Postów: 32
Pomógł: 0
Dołączył: 29.04.2013

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

Proszę bardzo, macie indexa i css\'a :
Kod
<!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>
        <link rel="stylesheet" type="text/css" href="main.css" />
        <link rel="stylesheet" type="text/css" href="menu.css" />
        <link rel="Stylesheet" type="text/css" href="galeria.css" />
        <link rel="Stylesheet" type="text/css" href="news.css" />
        <script type="text/javascript" charset="iso-8859-2" src="news.js"></script>
        <script type="text/javascript" src="galeria.js"></script>
    </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="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>
            <!-- 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>

Kod
/*
      Created by Keith Donegan of Code-Sucks.com
      
      E-Mail: Keithdonegan@gmail.com
      
      You can do whatever you want with these layouts,
      but it would be greatly appreciated if you gave a link
      back to http://www.code-sucks.com
      
*/

* { 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;
}
#formularz{
margin: auto;
color: #333;
border: 1px solid #ccc;
background: #F2F2E6;
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;
}

Ten post edytował MrGohut 29.04.2013, 20:58:56
Go to the top of the page
+Quote Post

Posty w temacie
- MrGohut   Dwa divy jeden pod drugim - problem z położeniem   29.04.2013, 18:33:23
- - ssstrz   [PHP] pobierz, plaintext #newsy {float: left;color...   29.04.2013, 19:50:44
- - sunpietro   Kłaniają się podstawy. Usuń float: left z divów. J...   29.04.2013, 19:51:13
- - MrGohut   Wszystko jest ok. kod css jest w pliku .css, spoko...   29.04.2013, 19:59:54
- - joordan   chodzi o coś takiego.. [HTML] pobierz, plaintext...   29.04.2013, 20:03:25
- - MrGohut   Teraz to już w ogóle wszystko się poprzestawiało n...   29.04.2013, 20:21:45
- - joordan   Jak mam ci pomóc jak nie dajesz kodu całej strony ...   29.04.2013, 20:29:23
- - MrGohut   Proszę bardzo, macie indexa i css\'a : Ko...   29.04.2013, 20:55:41
- - joordan   Musisz robić kolumny w ten sposób _______ |top| _...   29.04.2013, 21:37:32
- - MrGohut   Dzięki wielkie ! Z tym center też dzięki za r...   30.04.2013, 13:03:49
- - joordan   Te <table> też usuń bo nic nie wprowadza bra...   30.04.2013, 14:08:48
- - MrGohut   Aha, ok dzięki za radę Może mi ktoś jeszcze powi...   30.04.2013, 16:30:55
- - joordan   zobacz Więcej na ten temat   30.04.2013, 17:02:33

« Następny starszy · HTML \ XHTML · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 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: 4.10.2025 - 22:22
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn