...

View Full Version : Firefox vs Chrome alignment issue



sixrfan
07-06-2011, 02:36 PM
how i can get the header area on this page (http://bdhobokenflorist.com/) to align properly in Chrome like it does in Firefox, where "Hoboken Florist" is immediately below "Botanical Design" and the top nav bar lines up horizontally with "Botanical Design".

please advise. thanks in advance!

Kor
07-06-2011, 03:24 PM
You have mixed native inline elements (like A) with native block-level elements ( UL and DIV).

My advice: place your image (with its parent link) inside a DIV. Give that DIV float:left. Place the UL element inside another DIV. Give it float:right. Insert an empty DIV after those 2 elements. Give it clear:both, to clear the float propagation. Now your next DIV (with Hoboken Florists) will lay immediately below.

sammstrauss
07-06-2011, 05:32 PM
chrome is the best web browser. There are best features in it. I always use this web browser.

vikram1vicky
07-07-2011, 02:00 PM
@KOR

Set height:1%to parent element of a floated element, is also a fix to float bug

Kor
07-07-2011, 08:25 PM
@KOR

Set height:1%to parent element of a floated element, is also a fix to float bug
Maybe, but this is a mending, not a solve :)

vikram1vicky
07-08-2011, 09:30 AM
Maybe, but this is a mending, not a solve :)


But I tested, it's working for all browsers (IE6/7/8, FF, Chrome, Opera, Safari)

:):)

Kor
07-08-2011, 10:21 AM
But I tested, it's working for all browsers (IE6/7/8, FF, Chrome, Opera, Safari)

:):)
OK, there are more ways to skin a cat, indeed :)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum