PDA

View Full Version : ie7 tab problem



kyllle
Feb 19th, 2010, 05:11 PM
Hi all,

Iv created the following page http://www.kylehouston.com/new/portfolio.html

basically if you check firefox then ie7 youll know what the problem is, ie 7 wont hold all the text on 1 line which is breaking the tab, how can i get around this, I know I can add width to the float but I dont want each tab to have the same width, instead I want the tab to fill out according to the tab title length?

Any suggestions?

Also on this page http://www.kylehouston.com/new/ my 'Im available' the input box 'Message' title floats to the center of the textarea in ie7 but in ff it floats to the top of the textarea, how can I place this text at the top left also in ie7?


Thanks in advance

Kyle

mbaker
Feb 19th, 2010, 10:26 PM
For http://www.kylehouston.com/new/portfolio.html have you tried: white-space:nowrap;

For http://www.kylehouston.com/new/ you could try: td {vertical-align:top;}

I also suggest you re-think your use of tables for layout.

In addition you might want to check your pages with a validator.

abduraooft
Feb 20th, 2010, 07:48 AM
Try
.project{
clear: both;
/*float:left;*/
position: relative;
margin-bottom: 35px;
}

.folio_tab{
font-size: .85em;
font-weight:bold;
/*height:21px;*/
float:left;
background:url(images/folio_tab_r.png) no-repeat right top;
margin-left:5px;
}

I also suggest you re-think your use of tables for layout. A big NO!