current community

your communities

more stack exchange communities

Stack Exchange
tour help
careers 2.0

Tagged Questions

Positioning elements to the left or right of their containers using the CSS float attribute.

learn more… | top users | synonyms (2)

2
votes
0answers
504 views

How to make form labels align left?

I'm trying to customize a Wordpress theme form. Here is the HTML code: <form id="commentform" class="comment-form"> <p class="comment-form-author"> <label for="author">Name ...
1
vote
0answers
38 views

floating fluid and fixed width element

I want to have a 4 columns layout Panel Bar with the following conditions: #c1, #c2 = with specific width #c3 autofill with remaining width #c4 auto width (e.g. increase / decrease width if more ...
1
vote
0answers
26 views

Allow larger elements to push down and move other elements out of the way without leaving spaces

While attempting to make an 'image wall' of sorts, with differing sizes of images, it's proven difficult to leave no gaps. Ideally, larger images should push images to both sides, not allowing any ...
1
vote
0answers
12 views

TinyMCE 4 Container not floating under label, but covers label?

I'm using TinyMCE for my CMS and i have a form with a couple of labels and inputs. All my inputs and textareas are floating under the label with by the following CSS: label { float: left; clear: ...
1
vote
0answers
42 views

Self-fixing 'broken' floating behavior in Google Chome

I am experiencing some weird floating-behavior in Google Chrome within the first responsive project I am working on. I've uploaded an anonymized version of my responsive header here: ...
1
vote
0answers
28 views

header navigation positioning bug in chrome

So, I'm having a strange issue in chrome (Version 33.0.1750.154) where, when the site is first opened, the navigation in my header gets pushed down and outside of the header for some reason. Upon ...
1
vote
0answers
210 views

Image scale transition causes floated images further on to wobble in Chrome

My div class .product contains a figure floating inline-block with text to the right. This takes the appearance of a series of cells one below the other. I've had problems with some of the figures ...
1
vote
0answers
341 views

Using an empty clearing div to force the container enclosing floated elements to stretch: is it considered good style?

I would like to draw your attention to the following example. In wrapperA, the block-level header element which encloses the two floats is forced to stretch to the full height of the enclosed floats ...
1
vote
0answers
346 views

Overflow: hidden does not work with display: inline-block in Opera 12 (Presto)

See this demo: http://codepen.io/vobpler/pen/GHDCs It's pretty simple, a button with two elements inside. There's a .text element which holds the text shown in the default state, then there's a ...
1
vote
0answers
123 views

JQuery Super Fish Vertical How to position within a Div floated to left of Wrapper(center aligned; margin:0 auto;)

I will be using multiple instances of Super Fish. How can I customize the positioning of JQuery Super Fish Vertical? would like to position it within a Div floated to left of Wrapper. Center aligning ...
1
vote
0answers
67 views

The images do not align more in wordpress after adding icon to zoom

I put a magnifying glass icon in my images with a code that I found here on this site. The code works perfect, the problem is that now I can no longer align the images to the center and right side ...
1
vote
0answers
667 views

Resizing floated elements, that are resizable with JQuery UI Resizable, on window resize to fit their parent container

I'm having trouble to solve an issue with floated elements and JQuery UI Resizable and window resize event. Here is the jsFiddle with the problem. Basically, I have a parent container - .tab - and ...
1
vote
0answers
464 views

Overlay a div over an iframe which is the full size of viewport + then make div scroll with iframe/page?

I'd GREATLY appreciate any assistance that you can offer please re. the following which is leading to lots of unpaid overtime! I'm attempting to overlay a div over an iframe which is the full size of ...
1
vote
0answers
598 views

IE9 gives an unwanted padding to DIV containing an IMG when the direction is right-to-left

I have a div element with 150px width and 1px border, inside another wrapping div. It contains an IMG item with same width, 150px. The direction of wrapping div is right-to-left (the problem occurs ...
1
vote
0answers
250 views

Preloading images - not working on floated images

I have an image preloading script which is slightly modified version of this one form nettuts : http://net.tutsplus.com/tutorials/javascript-ajax/how-to-create-an-awesome-image-preloader/ The problem ...
1
vote
0answers
243 views

Making text and a right-floated div appear on one line inside their flexible container--without more HTML

Using CSS only, I'm trying to force a right-floated element NOT to clear its left-aligned sibling text without giving the parent container a width. The parent is block level, but floated. Basically, ...
1
vote
0answers
642 views

Creating Floating Div Elements in Phonegap

Does somebody have a solution for floating elements in Phonegap with JQuery Mobile? In my browser in works so far, but when I start the app on my phone, the elements are displayed vertically. My Code: ...
1
vote
0answers
410 views

strange Chrome 16 float bug

today I noticed one of the sites I created has a strange behavior: the content is split up into two floating divs, #section on the left and #aside on the right. they're floated according to their ...
1
vote
0answers
469 views

CSS: Div w/ floats line-breaks in Firefox, but OK in Safari

I have a dropdown menu that appears when mousing over cells in a large table in the page. The table gets large enough that cells can sometimes appear at the far right of the window. Mousing over a row ...
1
vote
0answers
375 views

How to work on images with DIV Float and inline

I have this challenge on handling images on div. I have three different images, one on topmost of the page, bottom of the page and a middle image that should be repeating on its "y". It's all arranged ...
1
vote
0answers
102 views

IE8 creates an extra floated div

I've been pulling my hair out for days over this one. http://djembefola.com In ie 8 there is 5 columns, even though there is only for 4 subcontentcols in the markup. I've tried removing all the ...
1
vote
0answers
1k views

Yet another IE image alignment issue: Float right inside right text-align wackiness

I have an <a> element set to display:block, inside of which is some text and a png image. The <a> is set to text-align:right and the image is set to float:right. It's fine in all browsers ...
0
votes
0answers
17 views

Float the nav to the right and keep it flush with the edge of the page on resize

I need the menu (book 1, book 2 etc) that is wrapped in the div class="nav" to float all the way right and stay aligned and sticky to the right side of the browser window no matter how big the ...
0
votes
0answers
7 views

Table based responsive layout for E-mailers

Generally responsive layout and media queries used in div base layouts but for mailers specifically if you want those mailers should also perform well in all email clients e.g. Lotus, Outlook etc. I ...
0
votes
0answers
53 views

What CSS code would make the left sidebar content float right?

EDIT: I'm not asking about alternative ways to solve this problem, although I appreciate the thoughts that have been presented so far. I'm looking for a way to make the left sidebar content float ...
0
votes
0answers
27 views

Css alignment for button not working under IE

I have CSS code for button alignment. It's working in FF and hrome but not in IE. Cancel button should come after change button not below change button. When I refresh the page it's positioned ...
0
votes
0answers
39 views

Bootstrap 3: center navbar and change floating

First of all I'm new to Bootstrap and fluid web-design. Here is the following situation I'm stuck with: I can't seem to figure out how to: 1) dynamically center the navbar between the two big boxes ...
0
votes
0answers
36 views

unordered list is not at all displaying in ie6

I have a jsp page with unordered list which is not displaying at all in ie6 while its displaying perfectly in mozilla firefox. My jsp is : <div id="topnav"> <ul> <li ...
0
votes
0answers
41 views

Float makes <a href> mess up

I'm trying to get a website up and I'm using CSS to get it designed but I am unfamiliar with navbars and getting stuff side by side. I used a "float: left" for my image (logo) and well the text ...
0
votes
0answers
32 views

HTML CSS auto size top bar

I want to make a "rubber" top bar, with ajax auto complite div which attached under input like that scheme: <div1> ------- <a1><input ><submit><a2> ------- ...
0
votes
0answers
29 views

change float display order on overflow-y

Can someone show me how to order the columns below (jsbin starter) so that as the screen gets smaller the last column is always displayed, the first column is hidden first, the second column is hidden ...
0
votes
0answers
18 views

Wrapping text around a float while dynamically hiding overflow

So, there's plenty of advice about how to get text to not wrap around a float by using overflow: hidden, but there's no advice for how to do the opposite. I want text to wrap around an image, and hide ...
0
votes
0answers
20 views

Clear float not adding space between next paragraph

I used a float, however after <div style="clear: both;"></div>the next paragraph is immediately after the content above, at least that is the case on Safari, Chrome, and Firefox. I do not ...
0
votes
0answers
14 views

IE8 buttons not working when floating next to an element

I'm working on Windows XP with IE8, and I noticed that when I make a button float next to an element, the clickable area of the button reduces to only the area that's not inmediately next to the ...
0
votes
0answers
8 views

Safari and Fluid Floated Columns

** EDIT - I isolated the issue to the Javascript, which you can see in the fiddle. In Safari, it forced a height on the inner wrapper (content). I found the script online and am unsure why it caused ...
0
votes
0answers
16 views

Floating .png image on an image gallery

On this site http://madinahairdesigner.com/ I would like for the black swirl .png image to float in front of the main picture gallery. It's suppose to float above the bottom left of the picture ...
0
votes
0answers
16 views

Floated Footer Disappears Below Preceding Floated Left and Right Columns?

I am making a responsive webpage with a header, 3 columns and a footer. Basic stuff as I understand it. On a smartphone-sized display, the columns will each be 100% width and 100% view-height, and ...
0
votes
0answers
23 views

stickyMojo script and the css float problems

I am having trouble with placing a script for a sticky sidebar and configuring it for my needs. 1) I would like it to run on top of div graphic, but it keeps hiding under the div. 2) As soon as ...
0
votes
0answers
43 views

Can not find appropriate method for wrapping a block with css-shadows

I have the common case with a background wrapper and floated columns inside. Like this (though column tags may vary): <div class="wrap fx-lift"> <figure class="col"></figure> ...
0
votes
0answers
17 views

float div with wrong html structure

I have a strange situation. My div order is opposite what you would expect: <div id="right"></div> (buy button) <div id="left"></div> (content) With CSS: .left { float: ...
0
votes
0answers
48 views

Vertically centering faux-absolute-positioned (float: left) elements

I'm trying to display a semitransparent grid of captioned images physically underneath a "lightbox"/overlay with my actual content in it. The font size in the document is generally set using vw units, ...
0
votes
0answers
35 views

Clearfix for IE 6/7?

I am using the micro clearfix hack on a website I am developing. It works fine but I have one question about it; that I was hoping someone could clear up for me. On the above webpage, the clearfix ...
0
votes
0answers
30 views

IE7 container of floated elements not expanding, clear and zoom not working

Edited; see bottom of post I have a layout that works perfectly in everything except Internet Explorer 7. I have a container div that has a width and hasLayout (I've tried zoom and various other ...
0
votes
0answers
45 views

CSS Floated Elements and overflow: hidden;

I noticed some strange behavior the other day and could not find the answer or reason why FF and Chrome behave differently on the following code (jsfiddle): http://jsfiddle.net/t6g2P/ HTML: <div ...
0
votes
0answers
29 views

Using a css psuedo before or after with a first-child or last-child

I'm building a pure css3 drop down menu and for the dropdown I've made it look like a talk bubble meaning I've I've put a pseudo before element above the dropdown that is a triangle and used rounded ...
0
votes
0answers
25 views

CSS Stack Context with AngularJS Directives using Transitions

I have a multi layered page which contains 3 main layers: Layer 1 should always be in the back of the page Layer 2 should always be in front of layer 1 Layer 3 should be in front of layers 1 and 2 ...
0
votes
0answers
34 views

Html page style changes on zooming

Can anybody tell me why my 'contact us' of header tab goes down when i am zooming in or out. Here is the link for site:- http://ots.netau.net/ i give 85% width to my header div. header div contains ...
0
votes
0answers
40 views

Wrapper rule in external CSS won't wrap floated divs, but internal CSS wrapper rule will. Why?

I'm a newb, so apologies for repetition. I've perused the site for solutions to my wrapper/floating div problems but haven't seen quite the same thing. I want to create a webpage of 960px width with ...
0
votes
0answers
39 views

Vertically align to the middle a floated element

I am trying to create this, the floated element is the red text "Lorem ipsum dolor sit amet, ..." I found this solution and it does just what I wanted but it uses a fixed height(the distance ...
0
votes
0answers
30 views

Web page scaling issue on different screen sizes

We are working on a web page implemented with HTML5/ruby on rails/ css-sass. In terms of front end everything is almost ok. However we keep having a scaling problem with different screen sized laptop. ...

1 2 3 4 5 … 15