Need help, will pay

V

Varsity

New Member
I'm doing some web development and have gotten stuck on a few problems, which to someone very experienced could take minutes to fix. My head hurts trying to fix this. First user to help me get this corrected I'll paypal 40 dollars to.

First problem:
http://www.varsitybandages.com/shoppingcart/shop/

I can't get the Shopping Cart to fall into the right of the products properly where it should be. If you look you can tell exactly where it belongs.

2nd problem:
http://www.varsitybandages.com/shoppingcart/shop/ and
http://www.varsitybandages.com/locator/index.php

are not showing up properly in IE 9 and are all kinds of goofed up. I have used compatibility mode and it will show right, but I would like it to work without that.

Lastly,

http://www.varsitybandages.com/locator/index.php search within 250 miles of 35243. In the search results you'll see a box in the right that is white, rather than the correct background color. I cannot find this to adjust.


For reference, this is what the site should look like when properly loaded:
http://www.varsitybandages.com/test/index.html
 
Phreaddee

Phreaddee

Super Moderator
Staff member
1. float the divs and then put overflow:hidden on the container

2. add a doctype

3. this is your header not going the full width.

now for the 40bucks! :)
 
V

Varsity

New Member
Phreaddee said:
1. float the divs and then put overflow:hidden on the container

2. add a doctype

3. this is your header not going the full width.

now for the 40bucks! :)
Click to expand...

Im sitting here shaking my head that I could overlook 2&3.. :eek: You can message me your paypal email addy and I'll shoot some cash over your way!
 
V

Varsity

New Member
Phreaddee said:
1. float the divs and then put overflow:hidden on the container

2. add a doctype

3. this is your header not going the full width.

now for the 40bucks! :)
Click to expand...


On the first, I'm having a problem still. Can you show me the code where to put the float and overflow?? Thanks so much for the help.
 
V

Varsity

New Member
Phreaddee said:
1. float the divs and then put overflow:hidden on the container

2. add a doctype

3. this is your header not going the full width.

now for the 40bucks! :)
Click to expand...


On the first, I'm having a problem still. Can you show me the code where to put the float and overflow?? Thanks so much for the help.
 
Phreaddee

Phreaddee

Super Moderator
Staff member
jokes about the 40. :)

as for the divs in the wrapper

HTML: 
<div id="wrapper">
<div id="item1"></div>
<div id="item2"></div>
</div>
Code: 
#wrapper {
width:xxx;
overflow:hidden;
position:relative;
}

#item1 {
float:left;
width:xxx;
position:relative;
}

#item2 {
float:left;
width:xxx;
position:relative;
}
or something to that effect...
 
PixelPusher

PixelPusher

Super Moderator
Staff member
Phreaddee said:
jokes about the 40. :)

as for the divs in the wrapper

HTML: 
<div id="wrapper">
<div id="item1"></div>
<div id="item2"></div>
</div>
Code: 
#wrapper {
width:xxx;
overflow:hidden;
position:relative;
}

#item1 {
float:left;
width:xxx;
position:relative;
}

#item2 {
float:left;
width:xxx;
position:relative;
}
or something to that effect...
Click to expand...

Or a 'lil bit shorter :p
Code: 
div#wrapper {
overflow:hidden;
}

div#item1, div#item2 {
float:left;
width:xxx;
position:relative;
}

#item2 {
width:xxx;
}

I doubt you will need the width declaration for the wrapper as it will expand to the width of its parent. If that is a problem, float the wrapper also. No need to set relative position on the wrapper unless there are absolute positioned children on the same level as the floated divs.
 
V

Varsity

New Member
Phreaddee gets it if he messages me his paypal. I've gotten the layout fixed, but its still not showing properly in IE 9, even with doctype. Any clues?
 
PixelPusher

PixelPusher

Super Moderator
Staff member
Varsity said:
Phreaddee gets it if he messages me his paypal. I've gotten the layout fixed, but its still not showing properly in IE 9, even with doctype. Any clues?
Click to expand...

Add a doctype like Phraeddee mentioned. So add this as the first line in your markup:
HTML: 
<!DOCTYPE html>

Once you add that, the page will stop rendering in Quirks mode. I would also ditch the table layouts for each product listing, and the center tag, drop that too. Being that this is an html5 doctype you will want to consider using some javascript to help earlier versions of IE render the new tags correctly.

Take a look at htmlshiv
 
You must log in or register to reply here.
Top