Need help with header problem

-

i'm designing webpage , i'm having bit of problem float drop issue ie6 , ie7. fine in ff , ie8. nav portion wants drop. i've set wrapper , still doesn't seem fix problem. can point out in code problem , how fix this.

 

 

css

 

@charset "utf-8";
/* css document */

body {
    margin: 0px;
    padding: 0px;
}

 

#header-container {
    width: 100%;
    height: 204px;
    background-color: #0071b2;
}

#header {
    background-image: url(header.png);
    background-repeat: no-repeat;
    width: 1024px;
    height: 204px;
    margin: auto;
}

#logo{
    float: left;
    padding-top: 15px;
    padding-left: 250px;
}

#slogan {
    float: right;
    padding-right: 170px;
    padding-top: 35px;
}

img {
    border: none;
}

#nav {
    height: 76px;
    width: 1024px;
    padding-top: 162px;
    padding-left: 48px;
}

#nav ul
{
    text-align: left;
    margin: auto;
    width: 1024px;
}

#nav ul li
{
    display: inline;
    padding: 0px;
    margin: 0px;
}

 

#footer {
    margin: 0; /* zeroing margins of first element in footer avoid possibility of margin collapse - space between divs */
    padding: 0px 0; /* padding on element create space, the margin have, without margin collapse issue */
    background-color: #999;
}

 

#wrapper {
    width: 100%;
    height: 250px;
}

 

#maincontent {
    padding-left: 260px;
   
}

 

 

html

 

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="style.css" type="text/css">
<title>the country store - home</title>
</head>

<body>
<div id="wrapper">
    <div id="header-container">
        <div id="header">
            <div id="logo">
      <img src="logo.png" />
      </div>
            <div id="nav">
            <ul>
                <li><a href="#"><img src="home.png" alt="home" /></a></li>
                <li><a href="#"><img src="aboutus.png" alt="about" /></a></li>
                <li><a href="#"><img src="contactus.png" alt="services" /></a></li>
                <li><a href="#"><img src="products.png" alt="products" /></a></li>
                <li><a href="#"><img src="employees.png" alt="employees" /></a></li>
            </ul>
            </div>
        </div>
    </div>
    </div>
    <div id="maincontent">
    <h1> main content </h1>
    <p>under main content    </p>
    <h2>sub main heading</h2>
    <p>sub main heading content</p>
    </div>
    <!-- end #maincontent -->
    <!-- clearing element should follow #maincontent div in order force #container div contain child floats --><br class="clearfloat" />
<!-- end #container -->
<div id="footer">
    <p>copyright</p>
  <!-- end #footer --></div>
</body>
</html>

i'm not advanced user means it's harder me work out what's happening without seeing page up.  if have on server, link helpful.  whilst wait expert chip in have go @ putting:

 

overflow: hidden;

 

in css rule for

 

#header-container

 

and/or

 

#header

 

fingers crossed!

 

martin



More discussions in Dreamweaver support forum


adobe

Comments

Post a Comment

Popular posts from this blog

Help with codes to add 1 more shift register and add more to matrix LED

-
hi im working on 8x10 matrix leds , successful @ using guide http://www.instructables.com/id/810-led-matrix-with-4017/ using 4017 , 74hc595 now want expand matrix 16x10. i connected , worked added 74hc595 control second 8x10. my problem want display text using both 8x10 im using code guide , modified think doesnt work code: [select] #define someshape    {b0100001001000010,b1110011101000010,b0100001001000010,b0000000001000010,b0001100001000010,b0001100001000010,b1000000101000010,b1000000101000010,b0100001001000010,b0011110001000010  }    #define all     {b1111111111111111,b1111111111111111,b1111111111111111,b1111111111111111,b1111111111111111,b1111111111111111,b1111111111111111,b1111111111111111,b1111111111111111,b1111111111111111  }                        #define someshape2   {b0100001001000010,b1110011101000010,b0100001001000010,b0000000001000010,b000110000100001...
Read more

tcp client

-
i'm using arduino uno , w5100 ethernet shield. i'm trying connect ethernet shield software downloaded ( sockettest v3.00) communication between server (sockettest) , shield (client).the shield jack connected router. created server under ip address of laptop. uses telnet client example can't connect server on sockettest. first time i'm doing tcp/ip , had done similar project or guide me on this. sockettest - http://sockettest.sourceforge.net/ uno - https://store.arduino.cc/arduino-uno-rev3 ethernet shield - http://www.hobbytronics.co.uk/arduino-wiznet-shield here code -------------------- code: [select] #include <spi.h> #include <ethernet.h> byte mac[] = {   0xde, 0xad, 0xbe, 0xef, 0xfe, 0xed }; ipaddress ip(192, 168, 1, 220);// shield ip ipaddress server(192, 168, 1, 37); // computer ip ethernetclient client; void setup() {   // start ethernet connection:   ethernet.begin(mac, ip);// open serial communications , wait port open: ...
Read more

Can't read sms using Thinker A7 communicate with Arduino

-
Image
hi guy i'm trying communicate ai thinker a7 module. on arduino uno r3 im using pin 7,pin 8 connect utxd & uaxd. when send sms phone module thinker 7, use arduino read sms. my code bellow code: [select] #include <softwareserial.h> #include <string.h> char incoming_char = 0; softwareserial cell(7, 8); //my shield uses these pins software serial. void setup() {  serial.begin(115200);  cell.begin(115200);  delay(2000);  serial.print("starting modem communication...");  delay(12000);  serial.print("ok\nintroduce @ commands:\n"); } void loop() {  if(cell.available() > 0)  {    incoming_char=cell.read();        if(incoming_char=="a"){      serial.println("content of sms a"); //if sms contains "#" arduino looks commands follow.      serial.println(incoming_char);    }    else    { ...
Read more