wordpress - nie widzialny margin

gibek2 · Maj 17, 2014

Witam robię swoją pierwszą stronę pod wordpress i napotkałem taki problem mianowicie chciał bym żeby tło było równo dopasowane do górnej krawędzi natomiast pojawia się taka przerwa widoczna na zrzucie ekranu, nigdzie nie deklarowałem margin dla html a otwierając google zbadaj element to widać że jest, jak to odznaczę to idzie troche do góry ale na dal nie jest to równo do górnej krawędzi.

STYLE

/*
Theme Name: Twenty Thirteen
Theme URI: http://bartlomiej-dalek.bl.ee
Author: Bartłomiej Dałek
Author URI: http://wordpress.org/
Description: Testowa wersja mojej strony
Version: 1.0
License: 
License URI: 
Tags:
Text Domain: 

*/



body { margin:0; background:silver; font-family:sans-serif; }

header {height:400px; background:url(images/bg-head.jpg);}


#container {width:920px; margin:0 auto; background:#fff; border-radius:5px; padding:20px;}

footer {width:920px; margin:0 auto; background:#000; color:#fff; padding:20px;}

#sidebar {float:right; width:200px; border: 1px solid red;}

#posty { background:#0F0;}

nav ul li {display:inline-block; padding:0 20px 0 0;}


a {text-decoration:none; color:#444;}

a:hover {color:#09F;}

Edytowano Maj 17, 2014 przez gibek2 (zobacz historię edycji)

Kszysiu · Maj 17, 2014

Wiesz, co ja takie rzeczy przerabiałem w operze - nie wiem jak w chromie, ale tam pokazuje dokładnie link do pliku css w którym znajduje ten wpis. - tutaj na tych screenach tego nie widzę...

Chwila... Czy mi się dobrze wydaje, czy przypadkiem to nie jest gdzieś w generowanym kodzie, a nie w zewnętrznym pliku css?

gibek2 · Maj 17, 2014

właśnie dziwne to jest trochę bo nigdzie takiej deklaracji nie mogę znaleźć ;/

naprawiłem ten błąd tak, może tak być czy bardzo źle ? zrobiłem test w chromie,ie,opera,aurora i wyświetla sie ok :

#srodek { margin-top:-92px;}

header h1 {padding-top:80px;}

Edytowano Maj 17, 2014 przez gibek2 (zobacz historię edycji)

bermut · Maj 17, 2014

Po przejęciu forum przez nazwa.pl i zmianach w regulaminie zdecydowałem się usunąć wszystkie swoje posty. Cześć.

Edytowano Wrzesień 20, 2017 przez linoskoczek (zobacz historię edycji)

PapaSmerf · Maj 17, 2014

Wyzeruj padding/margin dla html i body:

html,
body {
    margin: 0;
    padding: 0;
}

Powinno pomóc.

Jaki reset użyłeś?

Edytowano Maj 17, 2014 przez pedro84 (zobacz historię edycji)

gibek2 · Maj 18, 2014

nic to nie pomogło ;/ ani reset stylów : http://html5doctor.com/html-5-reset-stylesheet/

index

<?php get_header()?>
<?php get_sidebar()?>
	
    <div>
    
    <?php while(have_posts()): the_post()?>
    
    	<h2> <a href="<?php the_permalink()?>"> <?php the_title()?> </a> </h2>
        <?php the_content(_('continue reading'));?>

    
       <p class="public">Opublikowane przez : 
<?php the_author_posts_link(); ?> <?php the_time('d.m.Y \o\ \g\o\d\z\i\n\i\e g:i') ?> szukaj w kategori : <?php the_category(', ') ?></p>



    <div class="post-data"> </div>
    
    <div class="odd"> </div>
    
	<?php endwhile;?>
    
    
	</div>


<?php get_footer()?>

comments

<div id="comments">

 
	<div class="post-data"> <ul class="komenty"> <li><?php wp_list_comments();?></li></ul> </div>     

    
   
	
 </div>
 
    

 	
    <div id="comment-form">
        <?php comment_form();?>
    
    </div>

functions

<?php 

register_sidebar(array(

	'name' => '1st Right Sidebar',
	'id' => 'first-right-sidebar',
	'description' => 'The top bar',
	'before_widget' => '<div>',
	'after_widget' => '</div>'
	
));	

register_sidebar(array(

	'name' => '2nd Right Sidebar',
	'id' => 'second-right-sidebar',
	'description' => 'The bootom bar',
	'before_widget' => '<div>',
	'after_widget' => '</div>'
));

header

<!DOCTYPE html>
<head>
  
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <title> <?php bloginfo('title')?> </title>
  
   <link rel="stylesheet" href="<?php bloginfo('stylesheet_url')?>" />
   <?php wp_head()?>
</head>
<body>
<div id="srodek">

<header>
	<h1> <a href="<?php echo home_url('/')?>"> <?php bloginfo('name')?> </a> </h1>
    <div id="szukajka"> <div> <?php dynamic_sidebar('first-right-sidebar');?> </div> </div>

</header>



<a href="../../../wp-login.php"> Zaloguj się </a>
	<nav> 
    	<ul>
     <li> <a href="<?php echo home_url('/')?>"> Home </a> </li>   
     
    <li><?php wp_nav_menu()?> </li>
  
    	</ul>
    
    </nav>

<div id="container">

single

<?php get_header()?>
<?php get_sidebar()?>

	<div>
    
    <?php while(have_posts()): the_post()?>
    
    	<h2> <?php the_title()?>  </h2>
        <?php the_content();?>
    
    <?php endwhile;?>
    
    <?php comments_template('', true);?>
    
	</div>


<?php get_footer()?>

footer

</div>

</footer>

</div>

</body>

</html>

page

<?php get_header()?>
<?php get_sidebar()?>

	<div>
	
	<?php while(have_posts()): the_post()?>
    
    	<h2> <?php the_title()?>  </h2>
        <?php the_content();?>
    
    <?php endwhile;?>

    
	</div>


<?php get_footer()?>

sidebar

<div id="sidebar">

	<h3></h3>
    
    
    <?php dynamic_sidebar('second-right-sidebar');?>


</div>

Style

/*
Theme Name: Bartłomiej Dałek  TEST THEME
Theme URI: http://bartlomiej-dalek.bl.ee
Author: Bartłomiej Dałek
Author URI: http://wordpress.org/
Description: Testowa wersja mojej strony
Version: 1.0
License: 
License URI: 
Tags:
Text Domain: 

*/



html,body { margin: 0; padding: 0;}

.public { position: relative; padding-top:40px; font-size:13px;}

/*  #srodek { margin-top:-92px;}  */

body { margin:0; background:silver; font-family:sans-serif; }

header {height:400px; background:url(images/bg-head.jpg); border-bottom:1px solid #09F;}

header h1 { width:920px; margin:0 auto; padding-top:80px;}

#container {width:920px; min-height:500px; margin:0 auto; background:#fff; border-radius:5px; padding:20px;}

footer {width:920px; margin:0 auto; background:#000; color:#fff; padding:20px;}

#sidebar {float:right; width:200px; }

#posty { background:#0F0;}

nav {width:920px; margin:0 auto;}

nav ul li {display:inline-block; padding:0 20px 0 0;}


a {text-decoration:none; color:#444; font-weight:bold; transition:1s;}

a:hover {color:#09F;}


.post-data {width: 90%; border-bottom: 1px solid #d6d6d6; margin: 0px auto; padding:20px;}

.komenty li { ; list-style:none; margin-top:40px;}

#szukajka {color:white; width:920px; margin:0 auto; }

#szukajka > div {float:right; border-radius:5px;}

#szukajka > div button {background:#060; height:100px;}

gibek2 · Maj 18, 2014

Wpadłem przypadkiem na pewien pomysł przełączając sie pomiędzy motywami i zauważyłem ze większości przypadków ten odstęp jest zarezerwowany na pasek od wordpressa zalogowanych użytkowników w moim przypadku jest on koloru czarnego jak myślicie ?

bermut · Maj 18, 2014

Po przejęciu forum przez nazwa.pl i zmianach w regulaminie zdecydowałem się usunąć wszystkie swoje posty. Cześć.

Edytowano Wrzesień 20, 2017 przez linoskoczek (zobacz historię edycji)

PapaSmerf · Maj 18, 2014

Wpadłem przypadkiem na pewien pomysł przełączając sie pomiędzy motywami i zauważyłem ze większości przypadków ten odstęp jest zarezerwowany na pasek od wordpressa zalogowanych użytkowników w moim przypadku jest on koloru czarnego jak myślicie ?

Możliwe. Jeśli nie dołączasz odpowiednio JS z WP to może być to.

Zaloguj się

wordpress - nie widzialny margin

Polecane posty

gibek2 12

Udostępnij ten post

Link to postu

Udostępnij na innych stronach

Kszysiu 136

Udostępnij ten post

Link to postu

Udostępnij na innych stronach

gibek2 12

Udostępnij ten post

Link to postu

Udostępnij na innych stronach

bermut 18

Udostępnij ten post

Link to postu

Udostępnij na innych stronach

PapaSmerf 497

Udostępnij ten post

Link to postu

Udostępnij na innych stronach

gibek2 12

Udostępnij ten post

Link to postu

Udostępnij na innych stronach

gibek2 12

Udostępnij ten post

Link to postu

Udostępnij na innych stronach

bermut 18

Udostępnij ten post

Link to postu

Udostępnij na innych stronach

PapaSmerf 497

Udostępnij ten post

Link to postu

Udostępnij na innych stronach

Bądź aktywny! Zaloguj się lub utwórz konto

Utwórz konto

Zaloguj się

Przeglądaj

Aktywność