Click here to Skip to main content
11,489,574 members (68,296 online)

Web Development

 
AnswerRe: Chat via Internet Pin
Mohibur Rashid11-Oct-12 20:30
memberMohibur Rashid11-Oct-12 20:30 
AnswerRe: Chat via Internet Pin
dungSoft12316-Oct-12 8:26
groupdungSoft12316-Oct-12 8:26 
GeneralRe: Chat via Internet Pin
Mohibur Rashid16-Oct-12 16:14
memberMohibur Rashid16-Oct-12 16:14 
AnswerRe: Chat via Internet Pin
Joan Murt16-Oct-12 20:47
memberJoan Murt16-Oct-12 20:47 
QuestionEntityFramework and MVC3 Pin
satish gorakati10-Oct-12 21:47
membersatish gorakati10-Oct-12 21:47 
Questionbrowsers adding whitespace to display (solved) Pin
cjoki4-Oct-12 7:03
membercjoki4-Oct-12 7:03 
AnswerRe: browsers adding whitespace to display Pin
n.podbielski9-Oct-12 4:59
membern.podbielski9-Oct-12 4:59 
GeneralRe: browsers adding whitespace to display Pin
cjoki9-Oct-12 6:02
membercjoki9-Oct-12 6:02 
Here are two more screen shots that show my firebug window.



http://s5.postimage.org/z8zl234dj/fb_ss1.jpg[^]

http://s5.postimage.org/fsevfk99j/fb_ss2.jpg[^]

I also highlighted the ul in the first one and the li in the second. You can see the code dislayed in the window below which is odd as I did not have line breaks or tabs in my code, soI assume that fire bug is formating it. The generated source looks like this

<ul id="banner_nav"><li id="ban_nav_btn_0" onclick="selectFocus(0);" class="">1</li><li class="" id="ban_nav_btn_1" onclick="selectFocus(1);">2</li><li class="banner_nav_current" id="ban_nav_btn_2" onclick="selectFocus(2);">3</li><li class="" id="ban_nav_btn_3" onclick="selectFocus(3);">4</li></ul>

I do not see any whitespace, but it looks like a css issue with a height of 25px and padding 5px on the li. Firefox, Chrome and Safari do add this. the odd one is IE, but I think IE is correct (I could be wrong).

I had read online that making an element float forces a dislay block on the element which also adds spacing to the bottom, which is what I see here. But I also think that firefox and company are taking my 25px height and 25 px width, and adding the 5px padding to these along the y axis. I suspect that IE is respecting the 25px h+w and forcing the padding to stay with those limits....this is all just guess work on my part, so I am hoping the community has some advice.

I can run the code with the extra spacing, it does not stop it from working, but I would like it to truly look the same on all platforms.

ideas...?
Chris J
www.redash.org

GeneralRe: browsers adding whitespace to display Pin
Richard A. Abbott9-Oct-12 6:27
memberRichard A. Abbott9-Oct-12 6:27 
GeneralRe: browsers adding whitespace to display Pin
cjoki9-Oct-12 6:49
membercjoki9-Oct-12 6:49 
GeneralRe: browsers adding whitespace to display Pin
cjoki9-Oct-12 7:04
membercjoki9-Oct-12 7:04 
GeneralRe: browsers adding whitespace to display Pin
n.podbielski9-Oct-12 7:15
membern.podbielski9-Oct-12 7:15 
GeneralRe: browsers adding whitespace to display Pin
shanucis17-Oct-12 4:49
membershanucis17-Oct-12 4:49 
General.NET is Hell (subtitle: An error message from Microsoft) Pin
BCantor4-Oct-12 5:45
memberBCantor4-Oct-12 5:45 
GeneralRe: .NET is Hell (subtitle: An error message from Microsoft) Pin
Peter_in_27804-Oct-12 13:05
memberPeter_in_27804-Oct-12 13:05 
GeneralRe: .NET is Hell (subtitle: An error message from Microsoft) Pin
BCantor4-Oct-12 13:10
memberBCantor4-Oct-12 13:10 
Questionprinting on client's printer from web application running on server Pin
SKABBASJ2-Oct-12 1:27
memberSKABBASJ2-Oct-12 1:27 
AnswerRe: printing on client's printer from web application running on server Pin
SKABBASJ2-Oct-12 1:29
memberSKABBASJ2-Oct-12 1:29 
AnswerRe: printing on client's printer from web application running on server Pin
Pete O'Hanlon2-Oct-12 3:10
protectorPete O'Hanlon2-Oct-12 3:10 
QuestionRTL Mobile website bad format on a Samsung Star mobile Pin
Ahmad Safwat30-Sep-12 4:25
memberAhmad Safwat30-Sep-12 4:25 
QuestionSMS URL on htc mobile Invalid Recipient error Pin
Ahmad Safwat30-Sep-12 4:24
memberAhmad Safwat30-Sep-12 4:24 
QuestionDialog auto-resize Pin
awedaonline27-Sep-12 9:25
memberawedaonline27-Sep-12 9:25 
AnswerRe: Dialog auto-resize Pin
VijayChauhan1237-Oct-12 22:01
memberVijayChauhan1237-Oct-12 22:01 
GeneralRe: Dialog auto-resize Pin
awedaonline12-Oct-12 2:12
memberawedaonline12-Oct-12 2:12 
QuestionMultilingual webpage Pin
Akash Patel25-Sep-12 7:27
memberAkash Patel25-Sep-12 7:27 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.


Advertise | Privacy | Mobile
Web04 | 2.8.150520.1 | Last Updated 27 May 2015
Copyright © CodeProject, 1999-2015
All Rights Reserved. Terms of Service
Layout: fixed | fluid