Div with "width: auto;" not auto-expanding & "display: inline;" not working on its own. Why is this happening?

Hi everyone,

Can anyone tell me why my div is not auto expanding to fit its contents, even though I set "width: auto;" ?
Also, why does my "display: inline;" not work?

You can see what I mean here:  http://www.jasonwangart2.blogspot.ca/

Question 1: I set the div-with-thick-red-dashed-border to "width: auto;", but the inner divs are wrapping for some reason, and the div-with-thick-red-dashed-border is not expanding horizontally to contain more divs.

Horizontal alignment of few div's inside centered container

Hi, I need some help and I hope the solution is simple for professionals.
The task is distribution of some layers inside the container.
The trouble is that the border between first right .pic_text is bigger than between first left .pic_text. The container .center is centered, but its content doesn't have equal margins.
I tried to find the solution, but couldn't find it ( for my case.
The matter is that every .pic_text has to have picture and text and the design has to be adaptive.

Here is my code CSS3:

<style>
  .center {
	width: 95%; 
	height: auto;
	padding: 10px; 

Background not working with wrapper

Hi guys,

I'm having trouble with my background not working. I'va made a wrapper/container to set my background in it, because I have different backgrounds for each page on the site. If I just put "background: black;" instead of the image that I want as background it works, which is strange since the url to the image is correct.

Here is the code:

Home.php

<?php include("incl/config.php");
$title = "Hem";
$pageId = "hem";
$pageStyle = null;
?>
 
<?php include("incl/header.php"); ?>
 
<div id="containerhome">
 
<div id="start">
<h1>Welcome</h1>
 
</div>

Problem with making menubar for my website

hi,guys. I don't know why i went wrong
>First i have a code in html to make menubar

<!DOCTYPE html>
<html>
<head>
	<title> Menu Bar</title>
	<meta charset="utf-8"/>
	<link rel=”stylesheet” type=text/css”  href=”css/style.css”>
</head>
<body>
<nav id="top-nav">	
<div id="menubar">
    <ul id="menus">
         <li><a href='LINK'>DropDownName1</a></li>
         <li><a href='LINK'>DropDownName2</a></li>
         <li><a href='LINK'>DropDownName3</a></li>   
         <li><a href='LINK'>TabName4</a>
             <ul>

Where is the extra margin/padding coming from?

Hi! Smile

I have a banner logo on my site at the top of all pages. On one of my pages it's got a few pixels more whitespace below it than usual. I'm tearing my hair out trying to figure out why, and I can't for the life of me spot the issue. Please help?

Problem page where there is more space below the banner logo
Normal page

Syndicate content