Tagged Questions

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

learn more… | top users | synonyms (2)

0
votes
0answers
8 views

Centering div box's inside a main div

I am working on a mobile site where the page needs to change based on portrait and landscape mode. I have that part working. When the mobile device is in portrait mode it's suppose to display 4 boxes ...
0
votes
2answers
20 views

CSS 3 Column Layout change width on wrap

I have a 3 column layout specified something like this... #column1{ float:left; width:40%; min-width:265px;} #column2{ float:left; width:30%; min-width:245px;} #column3{ float:left; width:30%; ...
0
votes
1answer
19 views

Floating img and text without specifying width to container - Horizontal Scrolling / Horizontal Site / Horizontal Layout

The goal is to allow for additional content in any amount to the page; without it auto wrapping the contents (and without setting a width to the container...if possible). Prefer to not use JS for ...
0
votes
2answers
29 views

Why is my wrapper div not cleared correctly

http://jsfiddle.net/sWb7j/75/ I want to create a little chart which is scaling vertically. Why is the chart not inside the yellow main div? I thought I should clear after all 4 chart divs? This is ...
0
votes
2answers
24 views

Span Wrapping Issue

I am not sure how to force the span on the right hand side from encroaching into the span on the left hand side. My intention is to keep the value (black text) in a separate column and not allow it to ...
2
votes
6answers
46 views

Divs not floating despite correct total width

I can't wrap my head around why my 25% div is not floating next to 75%. The widths of the divs including margins sum up to a correct total width of the .content div. I must be missing some info on how ...
0
votes
2answers
28 views

Fill div with divs with auto margins (CSS)

I bet this question is asked several times before, but I can't find an answer. Not here or google. I guess that says alot of my front end- (and searching?-) skills. So apologies for an expected ...
0
votes
0answers
25 views

how to calculate line height from psd file? (leading+ font size)

I have this psd and trying to convert it to html css. But I can't calculate the line height in css from the psd. How can i calculate the line height from the leading + font size? thanks
0
votes
1answer
32 views

List items not floating left in IE10

So I've tried almost every solution posted on here for getting list items to float left in IE10. It works in IE8 and 9, but for some reason in 10 it stacks them on top of each other. I've tried ...
0
votes
1answer
44 views

move a div onto an image CSS

I have an image and a div of submit form which contain 2 button. I want to position the 2 buttons on the image, bottom right corner. But the image might be horizontal and vertical, so it have to ...
0
votes
0answers
23 views

divs floating and other users view

I have a webpage i created and i use css and div floats to position everything. On my monitor as I develop it all looks great. I show a co-worker, and all the divs overlap and look terrible. below ...
0
votes
4answers
50 views

Auto Arranging the elements using css

I have an application in which I am kind of stuck. i have created a widget which needs to be placed in such a way that it needs to auto place itself. Eg: I have something like this on a page, now ...
0
votes
0answers
28 views

Split ul in half and wrap those 2 parts around a div (logo inside dynamic menu)

I have a small problem, I am trying to wrap a dynamic menu around a centered logo. One idea come to my mind which was to split the menu (which is a ul inside a nav tag) in two parts and wrap those ...
5
votes
4answers
30 views

weird float clear issue

I have a pretty basic layout of a floated div for a left menu container column and a full width non floated div with left margin for the content area. When i place floated div's into the content area ...
2
votes
2answers
30 views

CSS Horizontal Align Float

I have a simple menu and I want to place it in the center of the page using css. Here's the menu: http://jsfiddle.net/kSV4K/4/ Here's the Codes, CSS: ul#menu { margin:0; padding:0; ...
0
votes
2answers
35 views

in CSS content div overlapping with footer

The 'page' div has three divs. 'headerdiv', 'contentall' and 'footerdiv'. The 'contentall' and 'footerdiv' are overlapping. Even if i add 'top: 100px' to 'footerdiv' it still does not help. Please ...
4
votes
5answers
56 views

(CSS) how I could make the div takes all available space in width without a specific value but there is another div in the same place with a specific

I have this issue I can't find a solution for it: I have 3 divs, two of them are located inside the third. The div which contains the others has a percentage width. The second one which is inside ...
1
vote
6answers
39 views

Vertical centering anchors inside floated list items

I've got a simple menu like this: <ul class="menu"> <li> <a href="">Home</a> </li> <li> <a href="">Products</a> ...
0
votes
0answers
7 views

Woocommerce product images not floating in IE9

http://tarynhaas.com/e-commerce/ Can anyone tell me why the images on this page don't float in IE9? They work in Chrome, Opera, Firefox, and Safari. Can't figure it out from the dev tools. Also, why ...
0
votes
3answers
39 views

Navigation menu disappearing

Update: Still a beginner question - the navigation now appears but is not inline. I have a jsFiddle at http://jsfiddle.net/4zzkV/ Beginner question. The #navigation menu that is not appearing. If I ...
0
votes
3answers
33 views

DIV layout floating issue

I am trying to get the contact form on this page to display on the left and the contact information (the address at the bottom) to display on the right. The divs are both small enough widths that it ...
1
vote
1answer
35 views

Picture 'disappear' without float-property

I'm trying to figure out css, one step at a time. Consider the following code: <header id="main"> <a href="#" id="title"></a> </header> and CSS: #main{ height: ...
0
votes
2answers
28 views

bootstrap fluid layout spans, floating issue, white space at top issue

Please help, I'm at my wits end after two hours of struggling! http://www.tumblrating.com/choose.aspx?blog=nevver The issue is I want the breadcrumbs box to go stretch the way to the "fun mode" box, ...
2
votes
3answers
49 views

horizontally aligning elements within separate divs

I have 3 elements(logo, nav, social icons), all in different divs that I need to align horizontally. I've tried various combinations of float, clear, padding, margin, etc and nothing seems to work ...
0
votes
0answers
18 views

jQueryUI sortable (as a grid) shifts row beneath itself when float applied directly to element

This problem is easier seen than described. See here: jsFiddle Of the three scenarios shown, they all apply float:left to the LI elements but the final one behaves poorly; in the last bunch of sorted ...
0
votes
1answer
22 views

Sencha Touch 2: 3 containers: stick to the left (fixed width) + stick to the right (fixed width) +middle (the rest)

What's the best way to align three containers horizontally of the width of 3em for the left container and 3em for the right container and the rest width for the middle one? layout:{ type : ...
0
votes
0answers
20 views

Issue floating paragraphs left and right on same line in Chrome

I'm attempting to float two paragraphs left and right on one line, using the method given here http://css-tricks.com/left-align-and-right-align-text-on-the-same-line/ I'm coming up with an issue ...
0
votes
4answers
26 views

HTML unordered list bullets and floating div's inside li on Webkit

I have a simple unordered list with list-style-type: disc and with some li's that have each two floated div's. The problem is that only on Webkit browsers (Safari, Chrome...) the bullets appear to the ...
0
votes
1answer
23 views

CSS Advanced float / grid layout

I'm a bit smitten with my grid layout in CSS. I have a wrapper (1000px wide) and want to put divs with float:left; and a margin from 23px between each. This would be easily achievable using the ...
0
votes
2answers
46 views

background color not filling entire div

I am having a problem in filling the entire center content (div) with a background color. I want to fill element with id body-content with the blue color but its not actually stretching to full ...

1 2 3 4 5 … 99
15 30 50 per page