Problems aligning image...

Discussion in 'HTML & Website Design' started by rubiconman500, Mar 25, 2008.

0
  1. #1
    I have a website http://www.findandtext.com/ Its not completely finished. I want to add more features and pages to it soon but I always like to get a working design finished before continuing but I am stuck...

    Firefox problem:
    Header: The "find and text" header is pushed down from where it should be and the links below should be closely aligned with the white box for content. How do align the google adsense code to the right of the text, instead of having it push my text down and have eveything on the left...
    I think once I get the adsense alignment down itll work, but im unsure.

    IE problem:
    Header: Same as with firefox except its only pushed down but not messing up the navigation links. How to get the image aligned to the right and leave text ok.
    Right Side Content: Adsense image sometimes loads below the right side content section and leaves typical space where it should be blank... but its only does this sometimes in IE.

    Any suggestions? Mainly I would like the header fixed...

    <body>
<div id="header">
<!--<img src="https://www.google.com/adsense/static/en_US/images/banner_img.jpg" align="right" height="60" width="468" /> -->  <--- this was used to test it and                                                                                            it  worked then
<right>
<script type="text/javascript"><!--
ADSENSE
//-->
</script>
GOOGLE JAVA
</script>

</right>

<div class="subContainer">

<div id="logo">
<div id="box">Find</div>
<p> and Text </p>
<br>
</div>
<!-- /logo --> </div>
<!-- /subContainer --> </div>
<!-- header -->
    HTML:
     
    rubiconman500, Mar 25, 2008 IP
  2. Cyrus_vtn

    Cyrus_vtn Peon

    Messages:
    102
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #2
    post css, that code is useless without and im too lazy to go look for it.
     
    Cyrus_vtn, Mar 25, 2008 IP
  3. LindseyInteractive

    LindseyInteractive Well-Known Member

    Messages:
    2,830
    Likes Received:
    62
    Best Answers:
    0
    Trophy Points:
    175
    #3
    Also, do you have any type of WYSIWYG (What you see is what you get) software such as Dreamweaver. Or do you create all your HTML by code. Because I believe, that simple tables will correct this problem, Centering your tables and specifying certain widths and pixels of the tables and cells will fix this issue.
     
    LindseyInteractive, Mar 25, 2008 IP
  4. rubiconman500

    rubiconman500 Peon

    Messages:
    27
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Here is the code for my header in the css

    /* ----- HEADER ----- */

#logo{
    margin:0;
    padding:0;
}

#logo #box{
    float:left;
    clear:none;
    height:40px;
    width:60px;
    margin:0;
    padding:0;
    background:#394E06;
    color:#87B220;
    font-family:'Georgia';
    font-weight:bold;
    font-size:22px;
    line-height:43px;
    letter-spacing:2px;
/*    text-indent:2px;   */
}
#logo p{
    float:left;
    clear:none;
    height:40px;
    width:150px;
    margin:0;
    padding:0;
    color:#394E06;
    font-family:'Georgia';
    font-weight:bold;
    font-size:22px;
    text-indent:2px;
    line-height:43px;
    letter-spacing:.5px;
}

.subContainer, #navigation ul{
    width:780px;
    margin:0 auto;    
}
#header{
    text-align:left;
    margin:0;
    padding:30px 0 0 10px;
    height:80px;
    background:#87b220;
}
    Code (markup):
     
    rubiconman500, Mar 25, 2008 IP
  5. rubiconman500

    rubiconman500 Peon

    Messages:
    27
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    I do a little of both, i get the big picture in Dreamweaver then do the little details in wordpad...
    I never thought of tables but i will give this a try tonight.
     
    rubiconman500, Mar 27, 2008 IP